Question

我正在寻找一些帮助，将我们拥有的单选按钮放在链接的页面上。目前，我们进行了一次测验，其中包含各种问题，并有四种可供选择的答案供选择。文本链接工作正常，并将用户推进到下一页，但单选按钮不起作用。它们是可点击的，但它们不会让您进入下一页。

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

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

以下是.js文件中的代码：

＆＃13;

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 {

＆＃13;

Answer 1

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

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

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

例如：

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

所以也许会有效：

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

如何使用Javascript

1 个答案: