2011-08-04 56 views
0

我有HTML:如何選擇一組複選框...?

<tr> 
<td><input type="checkbox" value="3" id="userListingSelect0" cssclass="cbDelete"> 
</td><td>general</td> 
<td><a href="editUser.aspx?userId=3">Edit</a></td> 
</tr> 
<tr> 
<td><input type="checkbox" value="1" id="userListingSelect1" disabled="disabled" cssclass="cbDelete"> 
</td><td>hmladmin</td> 
<td><a href="editUser.aspx?userId=1">Edit</a></td> 
</tr> 

而且我嘗試使用jQuery來得到所有的複選框。

即時通訊使用:

console.log(jQuery('.cbDelete').html()); 

但所有IM越來越不確定。我如何...

1)獲取所有元素 2)遍歷它們?

我試着使用:

jQuery('.cbDelete').each(function() { 

     console.log('got here'); 

     if (this.checked) { 

      selectionMade = true; 
     } 
     resultsGot = true; 

    }); 

而且它仍然沒能到「來到這裏」行,以便它看起來像我不能去收集。不知道爲什麼....

回答

0

爲什麼這行不工作的原因是因爲cssclass屬性

console.log(jQuery('.cbDelete').html()); 

它更改爲class將使這項工作。或者伊戈爾的回答。

+0

是的是一個錯字,我完全忘了把它叫做類是getitng混淆天冬氨酸之間。網和Html!謝謝 – Exitos

0

當定義class屬性,但你有cssclass jQuery類選擇器工作。所以你的情況,你可以嘗試:

$("input[cssclass='cbDelete']"); 

迭代通過只使用each如常。

0

您正在使用非標準標識符爲該複選框提供一個類。將cssclass更改爲class,然後$('.cbDelete')將起作用; .(點)表示「類」。

由於@Igor德莫夫說冷不丁在他的回答,使用

$("input[cssclass='cbDelete']"); 

作品;這會找到任何具有自定義屬性cssclass的輸入,其值爲cbDelete

個人而言,我會使用一個類,因爲它更乾淨,驗證正確,選擇器更簡單(可能更快)。

0
$("input:checkbox").each(function(){ 
    console.log('got here'); 

     if (this.checked) { 

      selectionMade = true; 
     } 
     resultsGot = true; 

}); 

如果你想找回你指定的表內的只有那些複選框(假設你的表的ID是「表-A」),這將是

$("#table_a input:checkbox").each(function(){ 
0

呀,如果CssClass屬性只是改變上課有用。所以你的看法不會改變cssClass類?或者是源代碼?如果您在源代碼中使用cssClass,有些人已經給出了答案。

如果定義在ASP:

<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" /> 

應該呈現給

<input type=text class="class1" style="ForeColor:red"> 

http://jsfiddle.net/SdHuK/