当前位置:首页> 编程笔记> VC/MFC
关键字
文章内容
jquery/JS操作checkbox选中事件代码实例
 
 
修改时间:[2012/08/03 21:41]    阅读次数:[17744]    发表者:[沩筱]
 

今天在网页编程中,使用了复选框的全选中,反选,选择部分,该功能使用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("未选中");   
}

上面是简单的总结,以后如果遇到更复杂的操作,再来进行补充