如何选择类“xxx”的所有复选框?

时间:2010-06-13 12:01:44

标签: javascript jquery

欢迎,

可以选中所有复选框/取消选中具有“xxx”类的所有复选框吗?

我不能使用“名称”和“ID”,因为通过PHP生成动态,我不知道他们的名字。

所以我可以为这些我无法控制的东西添加“xxx”类吗?

有可能吗?

或者,如果不可能的话。 Maybye我可以选择全部/取消选择id为“selectall”的表格内的内容吗?

此致

3 个答案:

答案 0 :(得分:6)

以下是使用jquery的 attr 方法的方法:

$('input.xxx').attr('checked', 'checked');

这将查找具有类xxx的所有输入元素并对其进行全部检查。要取消检查,你可以这样做:

$('input.xxx').attr('checked', false);

对于ID为selectall的表格内的复选框,您可以像:

$('table#selectall :checkbox').attr('checked', 'checked');

要取消检查,你应该这样做:

$('table#selectall :checkbox').attr('checked', false);

或者:

$('table#selectall :checkbox').removeAttr('checked');

答案 1 :(得分:2)

选择类别为“xxx”的所有复选框:

$('.xxx:checkbox').attr('checked','checked');

您可以使用.removeAttr('checked')取消选择它们。

选择ID为“selectall”的元素内的所有复选框:

$('#selectall :checkbox').attr('checked','checked');

答案 2 :(得分:0)

如果这是“全选”,你可以这样做:

$("#selectAll").change(function() {
  $(".xxx:checkbox").attr('checked', this.checked);
});

You can test a simple demo here,当您检查它时,所有.xxx复选框都会被选中,并在您取消选中时取消选中,这通常是您在“检查/取消选中全部”复选框中所需的内容顶部。