2011-02-04 51 views
10

這可能是當天最簡單的問題。使用Jquery選中所有選中的具有相似ID的複選框?

我有一組具有相似標識的複選框(所有開始someid_someid_0someid_1 ..)

我想所有checked複選框。我試過$('input:checkbox[id^="someid_"]:checked')但它不起作用嗎?

+0

你的代碼似乎是正確的。你使用的是什麼版本的jQuery?你能在網上發佈一個完整的例子嗎? – Anurag 2011-02-04 05:47:18

+0

檢查演示代碼是否正確檢查jquery版本也! – Harish 2011-02-04 05:49:04

+0

我認爲問題是別的.. – 2011-02-04 06:20:13

回答

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

不工作.... – 2011-02-04 05:46:30

0

我不知道如果你能做到的ID屬性的搜索。它通常只返回一個值。您可以設置類,而不是到some_0然後搜索或使用像

<input type=checkbox customattr=some_1> 
-1

自定義屬性試試這個...

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

你試過的代碼是完全正確的,可能b是出代碼之前跑分析所需要的元素,因此嘗試,

$(document).ready(function(){$('input:checkbox[id^="someid_"]:checked')}) 
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> 
相關問題