如何使用 Javascript 将单选按钮带入 html 链接

Question

我正在寻求一些帮助，将我们在页面上的单选按钮带入链接中。目前，我们有一个包含各种问题的测验，有 4 种可能的选项供受访者选择。文本链接可以正常工作并将用户带到下一页，但单选按钮不起作用。它们是可点击的，但不会将您带到下一页。

如何将单选按钮带入链接？我希望单选按钮向您发送转发，就像文本链接一样。

这是测验的测试页面（需要按开始测验才能看到单选按钮）：

http://stephanieshipper.com/test/

这是 .js 文件中的一段代码：

function updates(questions) {

	for (i = 0; i < 20; i++) {

		$("body").append("<article><p>" + questions[i] + "</p><input id='question-" + (i*10) + "-1' type='radio' order='1' name='question-" + i + "-0'><label for='question-" + (i*10) + "-1'>exactly like me</label><br><input id='question-" + (i*100) + "-2' type='radio' order='2' name='question-" + i + "-0'><label for='question-" + (i*100) + "-2'>sort of like me</label><br><input id='question-" + (i*1000) + "-3' type='radio' order='3' name='question-" + i + "-0'><label for='question-" + (i*1000) + "-3'>not really like me</label><br><input id='question-" + (i*10000) + "-4' type='radio' order='4' name='question-" + i + "-0'><label for='question-" + (i*1000) + "-4'>not at all like me</label><br></article>");

}

	motions();

}



function motions() {

	var step = 1;

	results = [];

	var order;

	$("body > article > label").on("click", function() {

		$(this).parent().hide(250);

		if (step < 20) {

			$(this).parent().next().show(250);

			order = parseInt($(this).prev().attr("order"));

			results[step-1] = order;

			step++;

		} else {

Answer 1

正如我所见，只要用户点击标签标签，您就会调用下一页：

$("body > article > label").on("click", function() {}

你需要做的是将单选按钮（你的输入标签）添加到这个 jquery 中

例如：

$("input[type='radio']")

所以也许会起作用：

$("body > article >input[type='radio'] > label").on("click", function() {}