首页 > 代码库 > 监听复选框

监听复选框

1.全部选中按钮

    /*全部选中*/    $("body").on("click","#all-check",function(){        var button = $(this);        var input = $(".layui-table").find("input");        if(input.is(":checked")){            input.each(function(){                this.checked=false;            }).change()            button.text("全部选中");            }else{            input.each(function(){                this.checked=true;            }).change()            button.text("全部取消");            }        });

2.监听复选框

    $("body").on("change",".layui-table input",function(){        var id = $(this).parents("tr").attr("data-id");        if($(this).is(":checked")){            $("#hidden").append(id+",");        }else{            var text = $.trim($("#hidden").text());            var str =  $.trim(text.replace(id+",",""));            $("#hidden").html(str);                }    });

 

监听复选框