checkbox 全选、取消全选等并且获取checkbox的值

来源：互联网发布：五大流氓国笑话知乎编辑：程序博客网时间：2024/04/19 15:41

$(function() {     //"checkAll"全选checkbox的name，"name"为checkbox的name，"text"为<input type="text" id="text" />的id$("#checkAll").click(function() { if ($("[name='checkAll']").attr("checked") == 'checked' ) { // 全选                $("[name='name']").attr("checked", true); } else { // 取消全选                $("[name='name']").attr("checked", false); }var str="";         $("[name='name'][checked]").each(function(){              str+=$(this).val()+"、";          })    $("#text").val(str);});    $("[name='name']").each(function(){    $(this).unbind();    $(this).bind('click',function(){        if ($("input[type=checkbox][name='name']").length != $("[name='name'][checked]").size()) {           $("[name='checkAll']").removeAttr("checked");        } else {           $("[name='checkAll']").attr("checked",'checked');        }        var str="";         $("[name='name'][checked]").each(function(){              str+=$(this).val()+"、";          })    $("#text").val(str);    });   }); });

在jsp中直接添加即可，注意checkbox的name

非常好用哦！