javascript - JQuery 确定是否所有复选框列表(在 div 中)都已被选中

Question

我正在尝试使用 jQuery 对表单进行一些验证；我需要一种方法，可以验证 a 中的所有控件是否已填写\选择。我的应用程序支持的 CheckBoxLists 给我带来了困难，因为 jQuery 似乎喜欢单独处理每个复选框，但我真正需要做的是评估 div 中的所有 CBL，并知道每个 CBL 是否至少选中了一个单独的框。

我可以按照我认为合适的方式命名 DIV 和各个 CBL 的 ID(CBL1、CBL2 等也可以)。我真的需要一种方法来解析

中的所有内容

Answer 1

假设 ASP 按如下方式解析您的 CBL:

<h2>Interests</h2>
<ul id='CBL1' class='checkboxlist'>
    <li><input type='checkbox' name='interest' value='javascript'> JavaScript</li>
    <li><input type='checkbox' name='interest' value='jquery'> jQuery</li>
</ul>
<h2>Hobbies</h2>
<ul id='CBL2' class='checkboxlist'>
    <!-- subsequent data -->

您可以通过执行以下操作来检查此内容:

function validateCBLs() {
    var $lists = $('ul.checkboxlist');
    $lists.each(function(i, item) {
        if ($(item).find(':checked').length < 1) {
            //Show user an error, etc
            alert('Please, check at least one item from ' + $(item).attr('id'));
        }
    });
}

JSFiddle:Here