作家
登录

Jquery 1.42 checkbox 全选和反选代码

作者: 来源:www.28hudong.com 2013-03-30 01:44:59 阅读 我要评论

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" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> </table> O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记,如有错误欢迎指出!

  推荐阅读

  Javascript 函数中的参数使用分析

首先,在JS中函数也是一种标识符,可以将它赋值给新的变量,也可以通过这个变量来调用。这有点像C语言的函数指针,不过也不完全一样,如下面的代码: 复制代码 代码如下: function myfun() { alert("funcation cal>>>详细阅读


本文标题:Jquery 1.42 checkbox 全选和反选代码

地址:http://www.17bianji.com/kaifa2/JS/26784.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)