Question

如何通过jQuery选择CheckBoxList中的任何复选框？

标记：

    <div>
        <asp:CheckBoxList ID="cblProduct" runat="server" CssClass="myProductCheckBoxList" TabIndex="14">
        </asp:CheckBoxList>
    </div>

我想找到任何带有Cssclass-myProductCheckBoxList的复选框。（用于验证 - 检查 - >至少一种产品）

Answer 1

jQuery('.myProductCheckBoxList:checked').each(function(){



alert(jQuery(this).attr('checked'));

});

我不太了解asp，但我猜选中的过滤器会帮助您找到所有选中的复选框。

实际上，选择器给出了所有选定元素的数组。您可以像在代码中一样迭代它以读取属性。

Answer 2

如果要选中至少1个复选框，则可以尝试以下操作

$(':checkbox.myProductCheckBoxList').is (':checked'); //returns true if at least 1 option is selected

您可以使用此处的jsFiddle Link

进行更多尝试

Answer 3

jQuery('.myProductCheckBoxList').each(function() {
  if (jQuery(this).is(":checked")) {
    alert(jQuery(this).attr("value"));
  }
});

翻译：对于每个带有“myProductCheckBoxList”类的复选框，检查当前项目是否已“选中”，如果是，请提醒curent复选框项。

var checked_product = false;
jQuery('.myProductCheckBoxList').each(function() {
  if (jQuery(this).is(":checked")) {
    checked_product = true;
  }
});
if (checked_product) {
  alert("one product is checked");
}

检查是否检查了一个或多个项目。

Answer 4

function SetProductCheckAll() {

    $('.myProductCheckBoxList :checkbox').click(function () {
        var toggle = this.checked;
        var value = this.value;
        var needCheckAll = true;
        if (value == "-1") {
            $('.myProductCheckBoxList :checkbox').attr("checked", toggle);
        }
        else {
            if (toggle == false) {
                $('.myProductCheckBoxList :checkbox').eq(0).attr("checked", false);
            }
            else {
                for (var count = 1; count <= $('.myProductCheckBoxList :checkbox').length; count = count + 1) {
                    if ($('.myProductCheckBoxList :checkbox').eq(count).attr("checked") == false) {
                        needCheckAll = false;
                    }
                }
                $('.myProductCheckBoxList :checkbox').eq(0).attr("checked", needCheckAll);
            }
        }
    });
}

如何通过jQuery选择CheckBoxList中的任何复选框？

4 个答案: