Question

您好我在用户点击新的单选按钮时使用JavaScript更改勾选的单选按钮..现在我的问题是当我点击新的时候它点击功能正常但它已经检查了单选按钮意味着什么时候我尝试比较它是否已被检查，它将永远返回为真，这意味着它不会删除最后一个勾选的，并且两者将始终被勾选。

JavaScript的：

function Radio(a){

            var value = $(a).attr('value');
            var checked = a.checked;
            if (checked)
            {
                return;
            }
            else if (!checked)
            {
                $('.RadioClick').prop('checked', false);
                $(a).attr('checked', true);

            }

        }

HTML：

<input  onclick="Radio(this)" class="RadioClick" type="radio" value="1" checked>
<input onclick="Radio(this)" class="RadioClick" type="radio" value="2" >

任何帮助都会很好吗？它需要成为某些因素的onclick，所以请仅提出围绕onclick方式的想法。

Answer 1

您可以使用HTML免费获得此行为 - 此处不需要任何JS代码。您只需要为两个元素赋予相同的name属性：

1:   <input name="foo" class="RadioClick" type="radio" value="1" checked="checked" />
2:   <input name="foo" class="RadioClick" type="radio" value="2" />

Answer 2

您应该使用相同的名称作为属性，只从组

中选择一个单选按钮

<input name="test" class="RadioClick" type="radio" value="1" checked>
<input name="test" class="RadioClick" type="radio" value="2" >

单击单选按钮取消选中并检查我的新单选按钮

2 个答案: