CheckBoxListのチェックボックスをjQuery経由で選択する方法を教えてください。

Question

CheckBoxListから任意のチェックボックスをjQuery経由で選択する方法を教えてください。

マークアップ：

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

i'ldのようなのCssClass-myProductCheckBoxListを持つ任意の確認のチェックボックスを見つけます。 （の検証のために - にチェックイン>少なくとも1社の製品）

Answer 1

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

Answer 2

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

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

});

私はASPの多くを知らないが、私がチェックフィルタは、あなたがチェックされ、すべてのチェックボックスを見つけましょうね。

実際、セレクタは選択されたすべての要素の配列を返します。プロパティを読み取るコードのようにこれを反復処理することができます。チェックボックスが選択されている少なくとも1確認したい場合は、あなたが次のことを試すことができ

Answer 3

、

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

あなたがjsFiddle Linkここ

Answer 4

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

翻訳を使用して、よりを試すことができます。各について"myProductCheckBoxList"クラスのチェックボックスのうち、現在の項目が "チェック"されているかどうかをチェックし、チェックされている場合は、チェックボックス項目に警告します。

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

これは、1つ以上の項目がチェックされているかどうかをチェックします。