检查单选按钮 | jQuery

Question

我卡住了，我不确定应该使用哪种方式来解决这个问题。我有四个单选按钮

<label class="btn btn-default active">
    <input type="radio" name="_hsync_rasa" id="0" autocomplete="off" checked> Bijelac
</label>
<label class="btn btn-default">
    <input type="radio" name="_hsync_rasa" id="1" autocomplete="off"> Crnac
</label>
<label class="btn btn-default">
    <input type="radio" name="_hsync_rasa" id="2" autocomplete="off"> Hispanac
</label>
<label class="btn btn-default">
    <input type="radio" name="_hsync_rasa" id="3" autocomplete="off"> Azijac
</label>

所以，我的问题是如何取消选中和选中其他按钮？我做了代码，但它不起作用。唯一的问题是因为我用 0 和 1 表示性别（男-女），输入的名字不同，不是 _hsync_rasa.

function _hsync_prilagodi_rasu(_trenutna, _nova)
{
    $("input[name=_hsync_rasa]:radio:id:#"+ _nova +"").attr('checked', 'checked');
}

我添加了两个参数 _trenutna（表示当前）和 _nova（表示新），因为我不确定 jQuery 选中新单选按钮时是否会取消选中当前单选按钮。

Answer 1

您不需要先取消选中其他单选按钮。只能选中一个单选按钮（当然名称相同）。选中另一个将自动取消选中前一个。

够了

  $('[name=_hsync_rasa]#3').prop('checked', true);

或清除所有选中的项目

  $('[name=_hsync_rasa]').prop('checked', false);

Fiddle

检查单选按钮 | jQuery

Check radio button | jQuery

jquery

radio