今天在网页编程中,使用了复选框的全选中,反选,选择部分,该功能使用JQuery完成。 现对其进行总结,以备不时之需要。 1.选中 选中复选框,现对复选框进行如下设想 <TD width=150><INPUT onclick="cbcheck('15')" name=powerlist value=15 type=checkbox>雨情</TD> <TD width=150><INPUT name=powerlist value=17 type=checkbox>|-实时数据</TD> <TD width=150><INPUT name=powerlist value=45 type=checkbox>|-数据列表</TD> <TD width=150><INPUT name=powerlist value=23 type=checkbox>|-历史数据</TD> <TD width=150><INPUT name=powerlist value=18 type=checkbox>|-雪深报表</TD> <TD width=150><INPUT name=powerlist value=39 type=checkbox>|-曲线图</TD> 上面代码运行效果如下 现在完成,选中 JQuery代码如下: $("#cb15 input").eq(0).attr("checked",true); 2.取消选择 JQuery代码始下: $("#cb15 input").eq(0).removeAttr("checked"); 3.全部选中 JQuery代码始下: $("#cb15 input").attr("checked",true); 4.全部取消选中状态 JQuery代码始下: $("#cb15 input").removeAttr("checked"); 5.获取复选框的状态 JQuery代码始下: $("#cb15 input").attr("checked") 运行上面的JQuery语句,得出的值为checked或空 判读该空间是否选中都使用下面JQuery代码: if($("#cb15 input").attr("checked")==true){ alert("选中"); }else{ alert("未选中"); } 上面是简单的总结,以后如果遇到更复杂的操作,再来进行补充
|