如何選擇復選框的集合...？

Question

我有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());

但是所有即時消息都是不確定的。 我如何...

1）獲取所有元素2）遍歷它們？

我嘗試使用：

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

        console.log('got here');

        if (this.checked) {

            selectionMade = true;
        }
        resultsGot = true;

    });

仍然沒有到達'got here'行，所以看起來我無法進入收藏集。 不知道為什么。

Answer 1

定義class屬性時，jQuery類選擇器有效，但是您具有cssclass 。 因此，您可以嘗試：

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

要進行迭代，只需照常使用each 。

Answer 2

您正在使用非標准標識符為復選框提供一個類。 將cssclass更改為class ，然后$('.cbDelete')將起作用； 的. （點）表示“類別”。

正如@Igor Dymov在回答中相當突然地說，

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

作品; 這將查找具有自定義屬性cssclass且值為cbDelete任何輸入。

就個人而言，我將使用一個類，因為它更干凈，可以很好地驗證並且選擇器更簡單（並且可能更快）。

Answer 3

該行不起作用的原因是由於cssclass屬性

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

將其更改為class將使這項工作有效。 還是伊戈爾的答案。

Answer 4

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

        if (this.checked) {

            selectionMade = true;
        }
        resultsGot = true;

});

如果您只想檢索指定表中的那些復選框（假設您的表的ID為“ table_a”），它將是

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

Answer 5

是的，如果僅將cssClass更改為class即可。 因此，您的視圖不會將cssClass更改為class？ 還是在源頭上？ 如果您在源代碼中使用cssClass，則有人已經給您答案。

如果要在asp中定義它：

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

應該呈現給

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

http://jsfiddle.net/SdHuK/