确保只选择了一个单选按钮

时间:2014-02-17 12:00:56

标签: jquery radio-button

我需要检查一下只检查一个单选按钮(两个)。通常你会在组中的所有单选按钮上添加相同的名称=“something”,但在这种情况下,它们没有相同的名称 - 不幸的是,我无法改变它。

如何检查当时只能使用其ID或不同名称选择一个?

我有fiddled a bit here,但我不知道如何让它发挥作用:

var check1 = $('#one');
var check2 = $('#two');
var allChecks = check1,
    check2;

allChecks.change(function () {
    allChecks.each(function () {
        $(this).attr('checked', !$(this).attr('checked'));
    });
    return false;
});

<input type="radio" name="one" id="one">
<input type="radio" name="two" id="two">

2 个答案:

答案 0 :(得分:1)

您可以为所有目标无线电设置公共类,并使用:

DEMO jsFiddle

$(".cradio").change(function () {
   $('.cradio').not(this).prop('checked', false);
});

HTML:

<input type="radio" name="one" id="one" class="cradio">
<input type="radio" name="two" id="two" class="cradio">

答案 1 :(得分:0)

你可以做这样的事情而不修改你的html:

$("#one").change(function(){

       $("#two").prop("checked", false);

});
$("#two").change(function(){

       $("#one").prop("checked", false);

});