Javascript 如何通过单击按钮更改选中的下一个单选按钮？ 1： 2: 三： 4: 5: 点击

代码不起作用

---

通过单击按钮，change选中了next单选按钮。

您没有将jquery链接到您的代码。添加jquery，那么它应该可以工作

演示：

$（“.button”）。单击（函数（）{
var i=$（'input[name=option]：选中'）.val（）；
var指数=parseInt（i）+1；
如果（index>$（'input[name=option]'）。长度）index=1；
$（'.radio'+index）.prop（'checked'，true）；
});

1:


2:


三：


4:


5:


点击
您没有将jquery链接到您的代码。添加jquery，那么它应该可以工作

演示：


$（“.button”）。单击（函数（）{
var i=$（'input[name=option]：选中'）.val（）；
var指数=parseInt（i）+1；
如果（index>$（'input[name=option]'）。长度）index=1；
$（'.radio'+index）.prop（'checked'，true）；
});

1:


2:


三：


4:


5:


点击
您可以试试这个


$（“.button”）。单击（函数（）{
$（'.radio1'）.prop（'checked'，false）；
//或
$（'.radio2'）.prop（'checked'，true）；
});

1:


2:


三：


4:


5:


点击
您可以试试这个


$（“.button”）。单击（函数（）{
$（'.radio1'）.prop（'checked'，false）；
//或
$（'.radio2'）.prop（'checked'，true）；
});

1:


2:


三：


4:


5:


点击
更改为什么？不检查？到下一个单选按钮？我刚刚测试了你的小提琴链接及其工作情况。单击按钮时，将选中选项1。确保包含jquery库。更改选中了下一个单选按钮。更改为什么？不检查？到下一个单选按钮？我刚刚测试了您的小提琴链接及其工作情况。单击按钮时，将选中选项1。确保包含jquery库。更改选中了下一个单选按钮。您的脚本只需在单击按钮时选中第一个单选按钮。上面的代码片段奏效了。请再次检查。您能否解释单击按钮时会发生什么情况？如果单击按钮（class=“button”），则更改选中的下一个单选按钮。只需将5替换为
$（'input[name=option]'）。length
则可用于任何数量。我已经编辑了这个片段。这是工作JSFIDLE您的脚本只是检查第一个单选按钮时，点击按钮。上面的代码片段奏效了。请再次检查。您能否解释单击按钮时会发生什么情况？如果单击按钮（class=“button”），则更改选中的下一个单选按钮。只需将5替换为
$（'input[name=option]'）。length
则可用于任何数量。我已经编辑了这个片段。这是工作JSFIDLE我希望所有的按钮都能工作。但是你的代码只适用于两个按钮！我希望所有的按钮都能用。但是你的代码只适用于两个按钮！
1:<input type="radio" name="option" class="radio1" checked />
<br>
2:<input type="radio" name="option" class="radio2" />
<br>
3:<input type="radio" name="option" class="radio3" />
<br>
4:<input type="radio" name="option" class="radio4" />
<br>
5:<input type="radio" name="option" class="radio5" />
<br>
<button class="button">
click
</button>