如何选择复选框集合

How do I select a collection of checkboxes...?

本文关键字:复选框 集合 选择 何选择      更新时间:2023-09-26

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

但它仍然没有到达"到达这里"的线路,所以看起来我无法到达集合。不知道为什么。。。。

此行不起作用的原因是cssclass属性

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

将其更改为class将使其工作。或者伊戈尔的答案。

jQuery类选择器在定义了class属性时工作,但您有cssclass。因此,在您的情况下,您可以尝试:

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

要遍历,只需像往常一样使用each

您正在使用一个非标准标识符为复选框提供一个类。将cssclass更改为class,则$('.cbDelete')将工作;CCD_ 9(点(表示"类"。

正如@Igor Dymov在回答中相当突然地说的那样,使用

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

作品;这查找具有值为cbDelete的自定义属性cssclass的任何输入。

就我个人而言,我会使用一个类,因为它更干净,验证良好,选择器更简单(可能更快(。

$("input:checkbox").each(function(){
  console.log('got here');
        if (this.checked) {
            selectionMade = true;
        }
        resultsGot = true;
});

如果你只想检索指定表中的复选框(假设你的表的id是"table_a"(,它将是

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

是的,如果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/