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