Как я могу узнать, какой флажок из CheckBoxList выбран через jQuery?

Question

Как я могу получить любой флажок из CheckBoxList выбран через JQuery?

Markup:

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

Я хотел бы найти все отмеченные флажки, которые имеют Cssclass-myProductCheckBoxList. (Для проверки - проверено-> по крайней мере, один продукт)

Answer 1

Если вы хотите установить хотя бы 1 флажок, то вы можете попробовать следующее:

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

Вы можете попробовать больше, используя jsFiddle Link здесь

Answer 2

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");
}

Thisпроверяет, отмечен ли один или несколько элементов.

Answer 3

jQuery('.myProductCheckBoxList:checked').each(function(){</p> <p>alert(jQuery(this).attr('checked'));</p> <p>});

Я не знаю много о asp, но я думаю, что проверенный фильтр поможет вам найти все отмеченные флажки.

На самом деле селектор дает массив всехвыбранные элементы.Вы можете повторить это, как в коде, чтобы прочитать свойства.

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);
            }
        }
    });
}