1.checkbox复选框全选(点击第一个checkbox实现全选反选)
<style type="text/css">
p{margin-left: 30px;display:inline}
</style>
<script>
function data(){
var e=document.getElementById("box");//找id
var e_ck=document.getElementsByName("ck");//找name,可以通过相同name属性统一设置选中
for(var i in e_ck){//for in 循环
var e_input=e_ck[i];//获取到的每一个复选框
e_input.checked=e.checked;//设置选中 且与全选的复选框相同
}
}
</script>
</head>
<body>
<input type="checkbox" οnchange="data()" id="box"/><p>全选/不全选</p><br />
<input type="checkbox" name="ck"/><p>看书</p><br />
<input type="checkbox" name="ck"/><p>看电影</p><br />
<input type="checkbox" name="ck"/><p>打篮球</p><br />
</body>
2.checkbox复选框全选(点击按钮实现全选反选 )
var a=true;
//全选、反选
function qx(){
var e_ck=document.getElementsByName("ck");//找name,可以通过相同name属性统一设置选中
for(var i in e_ck){//for in 循环
var e_input=e_ck[i];//获取到的每一个复选框
e_input.checked=a; //设置选中 且与全选的复选框相同
}
a=!a;
}
3.添加数据的方法(创建新的一行)
//添加数据的方法(创建新的一行)
function add(){
//第一列
var $tr=$("<tr></tr>");
$tr.append("<td><input type='