Jquery代码
代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)script type="text/javascript" src="jquery-1.4.2.min.js"/script
script type="text/javascript"
function Checked(){ //定义函数checked
$(".chk").each(function(){ //遍历html中class为chk的复选框标签
if($(this).attr("checked") == true){ //如果当前复选框的checked属性为true
$(this).attr("checked",false); //将该属性改为false
}
else{ //如果当前复选框的checked属性为false
$(this).attr("checked",true); //将该属性改为true
}
});
if($("#lbl").html() == "全选"){ //修改label的文本为“反选”
$("#lbl").html("反选");
}
else if($("#lbl").html() == "反选"){ //修改label的文本为“全选”
$("#lbl").html("全选");
}
}
$(document).ready(function(){ //为label添加click事件执行函数checked
$("#lbl").bind("click",Checked);
})
/script
Html代码
代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)label全选/label
table
tr
td
input type="checkbox" /
/td
/tr
tr
td
input type="checkbox" /
/td
/tr
tr
td
input type="checkbox" /
/td
/tr
tr
td
input type="checkbox" /
/td
/tr
tr
td
input type="checkbox" /
/td
/tr
/table
O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记,如有错误欢迎指出!