Javascript 如何在jQuery中获取并迭代一组复选框?

Javascript 如何在jQuery中获取并迭代一组复选框?,javascript,jquery,dom,Javascript,Jquery,Dom,我有一个表,其中有8列。最后一列的标题为重构?,只显示表中每一行的复选框。如果用户想要重构表中的特定记录,他们会选中该行的重构?复选框,然后提交表单 我试图在表上方实现一个“checkall”复选框,用户点击“checkall”复选框,表中的每一行都会得到重构?选中复选框。我正试图在jQuery中实现这一点,并且已经做到了: $("#checkAll").click(function() { alert("Check All has been checked!"); var c

我有一个表,其中有8列。最后一列的
标题为重构?,只显示表中每一行的复选框。如果用户想要重构表中的特定记录,他们会选中该行的重构?复选框,然后提交表单

我试图在表上方实现一个“checkall”复选框,用户点击“checkall”复选框,表中的每一行都会得到重构?选中复选框。我正试图在jQuery中实现这一点,并且已经做到了:

$("#checkAll").click(function() {
    alert("Check All has been checked!");

    var checkboxArray = null;
    $.each(checkboxArray, function(key, value) {
        $(key).prop("checked", true);
    });
});
显然,这不起作用,但是当我注释掉
警报下的所有内容时,我可以成功地在单击“全部检查”复选框时弹出警报对话框,所以我已经做到了这一点


我正在尝试获取所有重构的数组(
checkboxArray
)?表中的复选框。一旦我有了那个数组,我只需要一种方法来遍历每个复选框,并将其
checked
属性设置为true。但我很难把这些点联系起来。提前谢谢

只需选中表中所有
th:last child
:复选框,然后使用


演示:

如果您将类添加到所有类似复选框的选项中,那么您就可以执行此操作了

$("#checkAll").click(function() {
   $(".seleciton").attr("checked", true);
});

有两种方法,您可以选中所有复选框

$('input[type=checkbox]').prop('checked', true);
或者你可以给那些重构框一个类,并且只选中那些

$('.refactorClass').prop('checked', true);

我不知道你为什么要先把它们放到数组中

:


考虑到它们在第8列中,您可以按如下操作:

$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $('#yourtable td:nth-child(8) :checkbox').each(function() {
         $(this).prop("checked", true);
    });
});
见工作

如果这些是页面中唯一的复选框,那么您可以使用上述方法。首先不需要迭代

$("#checkAll").click(function() {
      alert("Check All has been checked!");

      $('tbody input[type="checkbox"]').not($(this)).prop('checked' , this.checked);
 });

你能展示你的HTML吗?最简单的解决方案是,给所有的“重构”复选框一个类(例如:“重构”),然后你可以用
$('.Refactor')遍历复选框
或者更简单地说,
$('.refactor').prop('checked',true)谢谢大家,但@Bot是最简单的。每个人都得到+1的帮助!
$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $('#yourtable td:nth-child(8) :checkbox').each(function() {
         $(this).prop("checked", true);
    });
});
$("#checkAll").click(function() {
    alert("Check All has been checked!");

    $('input[type="checkbox"]').not($(this)).prop('checked' , this.checked);
});
$("#checkAll").click(function() {
      alert("Check All has been checked!");

      $('tbody input[type="checkbox"]').not($(this)).prop('checked' , this.checked);
 });