$("#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中, 效果都一样 欢迎各位大神指点,评论;
