【问题标题】:Check all check boxes only in one table仅在一个表中选中所有复选框
【发布时间】:2013-06-14 12:23:38
【问题描述】:

我有多个带有多行复选框的表格,如果选中了标题复选框,我希望执行全选。我正在尝试使用 jQuery 来执行此操作,而无需解析或传入表 id。目前,当我选择一个标题复选框时,我正在点击所有复选框。

所有复选框都具有相同的类,但我确信有一种方法可以通过将复选框的选择限制在所选复选框所在的表中来做到这一点。我把这个放在了小提琴中:

http://jsfiddle.net/sanpopo/WMXgy/

checkBoxes = function (me) {

     $(".dpsPreCode").closest("table [type='checkbox']").each(function () {
         if (this.checked === false) {
             this.checked = true;
         } else {
             this.checked = false;
         }
     });
 }

【问题讨论】:

    标签: javascript jquery html checkbox


    【解决方案1】:

    您将复选框传递为me,因此如果您使用它来查找最近的表,它应该可以工作:

    checkBoxes = function (me) {
        $(me).closest("table").find('input[type="checkbox"]').not(me).prop('checked', me.checked);
    }
    

    FIDDLE

    【讨论】:

    • 效果很好。我知道我只是错过了一些简单的东西。谢谢!
    猜你喜欢
    • 1970-01-01
    • 2018-09-24
    • 2020-05-20
    • 1970-01-01
    • 2021-12-01
    • 2020-01-05
    • 1970-01-01
    • 2019-11-24
    • 1970-01-01
    相关资源
    最近更新 更多