选中至少一个复选框

时间:2015-02-04 14:28:37

标签: jquery

我一直在尝试验证检查是否已检查,但到目前为止一直无法正常工作。到目前为止,我有一些Jquery确保选中的复选框不超过一个。

如果能够使用我当前的代码,我将不胜感激。

<form id="gradform" name="form1" method="post" action="index.php">
    <input type='checkbox' name='may' id='may' value='1' class='unique' data-group='mog'>
    <input type='checkbox' name='august' id='august' value='2' class='unique' data-group='mog'>
    <input type='checkbox' name='december' id='december' value='3' class='unique' data-group='mog'>
    <input type="submit" name="submit" value="submit" id="submit">
</form>
$(document).ready(function() {
    $('input.unique').click(function() {
        if (!$(this).prop('checked')) {
            return;
        }
        var group = $(this).data('group');
        if (group) {
            $('input[data-group="' + group + '"]:checked').prop('checked', false);
            $(this).prop('checked', true);
        }
    });
});

Here is my JS Fiddle

2 个答案:

答案 0 :(得分:4)

您可以使用检查已检查元素长度的条件:

if($('#gradform :checkbox:checked').length){
   //checkbox is checked
}

答案 1 :(得分:3)

您可以使用jQuery $.fn.is()方法:

  

说明:根据a检查当前匹配的元素集   选择器,元素或jQuery对象,如果至少有一个,则返回true   这些元素与给定的参数匹配。

if($('#gradform :checkbox').is(':checked')){
   //At least on checkbox is checked
}