2011-08-04 59 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/