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

Question

我有一个<div class="answer" id="yesOptions">，我需要检查此特定内部至少有一个复选框。如果没有，我需要返回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/

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

良好的链接：

What is the proper way to uncheck a checkbox in jQuery 1.7?

JQuery - is at least one checkbox checked

<强>码

$('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

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

Answer 4

你实际上可以这样做：

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

FIDDLE1

FIDDLE2