Html css jq 组合制作全选与全不选

$("#qx").click(function(){

    var iso=$(this).is(":checked") //点击之后状态

    if(iso){

       $(".xz").prop("checked",true)

    }else{

       $(".xz").prop("checked",false)

    }

})

$("body").on("click",".xz",function(){

    //记录被选中个数

    var ij=$(".xz").length   

    var count=0

    for(i=0;i<ij;i++){

      if($(".xz").eq(i).is(":checked")){//判断下面的是否全部选中  需借助上面的变量count

        count++;

      };

    }

    //下面判断是否被选中;

    if(count == ij){

        $("#qx").prop("checked",true);

    }else{

        $("#qx").prop("checked",false);

    }

})

// 添加一行

$("#add").click(function(){

    $(".tab").append(‘<div class="trs"><div class="tds"><input type="checkbox" class="xz">选择</div><div class="tds">张三</div><div class="tds"><button class="del">删除</div>‘)       //不要有空格

});

//删除一行

$("body").on("click",".del",function(){

    $(this).parents(".trs").remove();

});

//编辑(以张三、李四为例)

$(‘body‘).on(‘click‘,‘.a1‘,function(){

    var text = $(this).text();

    $(this).html(‘<input type="text" value=‘+text+‘>‘);

    $(this).children().focus();

});

$(‘body‘).on(‘click‘,‘.a1 input‘,function(){

    return false;

});

$(‘body‘).on(‘blur‘,‘.a1 input‘,function(){

    var val = $(this).val();

    $(this).parent().text(val);

});

 

一部分人喜欢把 css文件写到Html中, 效果都一样 欢迎各位大神指点,评论;