Question

我不在乎，似乎无法弄清楚这里的逻辑。

我有4个单选按钮

(0) <input type="radio" name="radioGroup" checked="checked">
( ) <input type="radio" name="radioGroup">
( ) <input type="radio" name="radioGroup">
( ) <input type="radio" name="radioGroup">

当用户选择第二个按钮时，我希望标记执行如下：我有4个单选按钮

( ) <input type="radio" name="radioGroup">
(0) <input type="radio" name="radioGroup" checked="checked">
( ) <input type="radio" name="radioGroup">
( ) <input type="radio" name="radioGroup">

我尝试过各种形式的click事件，将现在未选中的框设置为不具有checked属性。

我有它所以它将box属性设置为选中但它没有取消选中现在未选中的按钮 http://jsfiddle.net/Dnd2L/27/

Answer 1

我相信checked属性用于默认值。单选按钮在表单提交上进行评估。使用onclick可能会有更多的运气。

示例：

<input type="radio" id="rdo1" name="rdoTest" onclick="ChangeStatus();" />

<script>
        function ChangeStatus()
        {
              $('#rdo1').prop('checked', true);
        }
<script>

您在jquery中以不同方式处理true / false属性

Answer 2

在一组radiobutton中，只能检查一个。这意味着你不必去除＆＃34;取消选中＆＃34;手动，浏览器为你做。

如果您修改http://jsfiddle.net/Dnd2L/35/处的代码并删除/注释掉此行：$("input:radio").removeAttr('checked');，则按钮将正确显示选中哪一个。

仅删除所选单选按钮的“已选中”值，同时删除其他按钮的属性

2 个答案: