如何循环访问页面上的所有复选框

How to iterate through all checkboxes on the page?

本文关键字：复选框 访问 何循环 循环      更新时间：2023-09-26

如何使用 JQuery 遍历页面上的所有复选框？

即我有上面的checkboxes...

<div>
<input checked="checked" type="checkbox" name="option_1" id="checkbox_1" value="1" />35 MM                  
<input checked="checked" type="checkbox" name="option_2" id="checkbox_2" value="2" />  DIGITAL                    
<input type="checkbox" name="option_3" id="checkbox_3" value="3" /> 3D DIGITAL
</div>

我用过吗 

 $('input[id^="checkbox_"]').each(function() {
 });

正确吗？谢谢！

$("input[type='checkbox']").each(function(){
  var name = $(this).attr('name'); // grab name of original
  var value = $(this).attr('value'); // grab value of original
  var ischecked = $(this).is(":checked"); //check if checked
});

您可以使用它来循环访问复选框：

$("input:checkbox").each(function() {
    alert($(this).val());
   });

jQuery支持一个选择器:checkbox，仅用于选择页面上的复选框，所以如果你想在页面上看到所有复选框，这是最简单的方法：

$(":checkbox").each(function(index, element) {
    // put your code here
});

在 jQuery 文档中 :checked ，他们建议这个选择器可以稍微快一点：

$("input[type='checkbox']").each(function(index, element) {
    // put your code here
});

$('input[type="checkbox"]').each(function() {
  ...
});

看起来没问题，但您可以添加进一步的类型检查，以确保选择器中没有其他带有 mataching id 的控件类型。

$('input[type=checkbox][id^="checkbox_"]').each(function() {
 });
相关文章：