チェックボックス属性名と値の検索

Question

私のページにはいくつかのグループのチェックボックスがあります。特定のグループのチェックボックスでは、各チェックボックスに「documentcategory」属性を追加しました。私は "documentcategory"属性を持ち、その値が "購入"である私のページのすべてのチェックボックスを探したい。助けてください。ここに私のアプローチがあります。

HTML

<input type="checkbox" value="true" name="Documents[0].Checked" id="Documents_0" documentcategory="BUY"> 
<input type="checkbox" value="true" name="Documents[1].Checked" id="Documents_1" documentcategory=""> 
<input type="checkbox" value="true" name="Documents[2].Checked" id="Documents_2" documentcategory=""> 
<input type="checkbox" value="true" name="Documents[3].Checked" id="Documents_3" documentcategory="BUY"> 

jQueryの

$("input[type=checkbox]").find("[attribute='documentcategory']").contains('BUY') 

エラー

TypeError: $(...).find(...).contains is not a function 

私はまた、他のアプローチを試してみました。彼らにはエラーはありませんが、結果はありません。

Answer 1

jQueryを使用するattribute selector次のようにします。

$(":checkbox[documentcategory=BUY]") 

Answer 2

contains方法は、そのテキスト/要素ではない要素の属性を確認するために使用されます。

$('input[type="checkbox"][documentcategory="BUY"]'); 

Answer 3

あなたがこの試すことができます：あなたはこのような属性同じセレクタをチェーンでき

$("input[type=checkbox][documentcategory='BUY']"); 

console.log($("input[type=checkbox][documentcategory='BUY']").length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input type="checkbox" value="true" name="Documents[0].Checked" id="Documents_0" documentcategory="BUY"> 
 
<input type="checkbox" value="true" name="Documents[1].Checked" id="Documents_1" documentcategory=""> 
 
<input type="checkbox" value="true" name="Documents[2].Checked" id="Documents_2" documentcategory=""> 
 
<input type="checkbox" value="true" name="Documents[3].Checked" id="Documents_3" documentcategory="BUY">

Answer 4

は.attr(attr-name)で試すことができます....

$("input").each(function(){ 
    if($(this).attr('documentcategory') == "BUY") { 
     //exist BUY 
    }; 
}) 

Answer 5

You can use this example for using checkbox each loop and get all checkbox id who have "documentcategory" attribute and it's value "BUY" 

<input type="checkbox" value="true" name="Documents[0].Checked" id="Documents_0" documentcategory="BUY"> 
<input type="checkbox" value="true" name="Documents[1].Checked" id="Documents_1" documentcategory=""> 
<input type="checkbox" value="true" name="Documents[2].Checked" id="Documents_2" documentcategory=""> 
<input type="checkbox" value="true" name="Documents[3].Checked" id="Documents_3" documentcategory="BUY"> 

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('input[type=checkbox]').each(function() { 
     var cust_attr=$(this).attr('documentcategory'); 
     if(cust_attr=='BUY') 
     { 
      alert($(this).attr('id')); 
     }  
    }); 
</script>