javascript - 如何确保在特定 div 中至少选中一个复选框？

Question

我有一个<div class="answer" id="yesOptions">并且我需要检查是否选中了此特定内容中的至少 1 个复选框。如果没有，我需要返回alert('At least 1 checkbox must be checked from this div!');

我怎样才能做到这一点？

Answer 1

怎么样

var checkedboxes = $('#yesOptions :checkbox:checked').length;

if (checkedboxes === 0){
    alert('At least 1 checkbox must be checked from this div!');
}

演示在 http://jsfiddle.net/f8UhA/

Answer 2

工作演示 http://jsfiddle.net/gvbX5/

您可以使用分组，如下面的示例代码和上面的演示，希望它有助于事业。

好的链接：

在 jQuery 1.7 中取消选中复选框的正确方法是什么？

JQuery - 至少选中一个复选框

代码

$('input').change(function() {
    if ($("[name=group1]:checked").length > 0){

    }else{
        alert('select atleast one checkbox');
    }
});

 if ($("[name=group1]:checked").length == 0)
        alert('select atleast one checkbox');


<input type="checkbox" name="group1" value="1"/>
<input type="checkbox" name="group1" value="2" />
<input type="checkbox" name="group1" value="3" />​
​

Answer 3

You can actually just do:

if (!$("[type='checkbox']", "#yesOptions").is(':checked'))​ 
    alert('At least 1 checkbox must be checked from this div!');​

FIDDLE1

FIDDLE2

Answer 4

$("input[type=checkbox]:checked", $("#yesOptions")).length将为您提供在该 div 中选中的复选框的数量。