Jquery 1.42 checkbox 全选和反选代码_Javascript教程-查字典教程网
Jquery 1.42 checkbox 全选和反选代码
Jquery 1.42 checkbox 全选和反选代码
发布时间:2016-12-30 来源:查字典编辑
摘要:Jquery代码复制代码代码如下:functionChecked(){//定义函数checked$(".chk").each(functio...

Jquery代码

复制代码 代码如下:

<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代码

复制代码 代码如下:

<label id="lbl">全选</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供个人记录学习笔记,如有错误欢迎指出!

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类