2011-02-04 12 views
10

これは今日の最も簡単な質問かもしれません。Jqueryを使用して、同じIDを持つチェックボックスをすべて選択しますか?

私は(すべてsomeid_0ようsomeid_someid_1始まる...)と類似のidのでチェックボックスのグループを持っている

私はすべてのcheckedのチェックボックスを取得したいです。

私は$('input:checkbox[id^="someid_"]:checked')を試しましたが、動作しません。

+0

、試してみてください。どのバージョンのjQueryを使用していますか?オンラインのどこかで完全な例を投稿できますか? – Anurag

+0

jqueryバージョンのデモコードも正しくチェックされていることを確認してください! – Harish

+0

私は問題が何か他のものだと思う.. –

答えて

25

このコードはチェックデモを働いている

http://jsfiddle.net/csTpG/

マークアップ

<input type="checkbox" id="someid_1" checked/> 
<input type="checkbox" id="someid_2" checked/> 
<input type="checkbox" id="someid_3" checked/> 
<input type="checkbox" id="someid_4"/> 

jQueryの

var n = $('input:checkbox[id^="someid_"]:checked').length; 
alert(n); // count of checked checkboxes 

$('input:checkbox[id^="someid_"]:checked').each(function(){ 
    alert($(this).attr("id"));}); 
+0

.... –

+3

コードが動作しています。 –

+1

私はチェックしたチェックボックスのIDが見つからないように、似たIDを持つすべてのチェックボックスを選択したいと思うと思います – Vivek

0

私はあなたのID属性で検索を行うことができるかどうかわからないんだけど。通常は1つの値しか返しません。あなたは、コードの前に走ったbであり、あなたがしようとしたコードが絶対的に正しいです...

$('input:checkbox').filter('#someid').attr(":checked") 
-1

などのカスタム属性を使用することができます必要な要素を解析することはので、あなたのコードが正しいようだ

$(document).ready(function(){$('input:checkbox[id^="someid_"]:checked')}) 
+0

なぜすべてのチェックボックスを選択してIDでフィルタリングするのですか?このコードは、チェックボックスを取得していないので、 '#someid'の":checked "属性を取得しています。あなたは '$( '#someid)' –

0

を代わりにsome_0するクラスを設定し、検索するか、このを試してみてください

<input type=checkbox customattr=some_1> 
1
<head> 
    <script type="text/javascript" src="../js/jquery.js"></script> 
    <script type="text/javascript"> 
     var isChecked = false; 

     function allSelected() 
     { 
      // this line is for toggle the check 
      isChecked = !isChecked; 

      //below line refers to 'jpCheckbox' class 
      $('input:checkbox.jpCheckbox').attr('checked',isChecked); 

      //OR, 
      //$('input:checkbox.jpCheckbox').attr('checked','checked'); 
     } 
    </script> 
</head> 

<body> 
    <form> 
     Select All<input type="checkbox" id="selectAllCheckbox" onclick="allSelected()" /><br/> 

     A<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/> 
     B<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/> 
     C<input type="checkbox" id="jpCheckbox" class="jpCheckbox" /><br/> 
    </form> 
</body> 
+0

を書くつもりです。こんにちは、この方法を試してみてください。これは、同じフォームで同じクラスの複数のチェックボックスをすべて選択/選択解除するために働いています。 –

関連する問題