跟我学checkbox的操作

跟我学checkbox的操作

ID:38055222

大小:18.08 KB

页数:3页

时间:2019-05-24

跟我学checkbox的操作_第1页
跟我学checkbox的操作_第2页
跟我学checkbox的操作_第3页
资源描述:

《跟我学checkbox的操作》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Checkbox的操作基本上就几种:选中,未选中,全选,取消全选,反选

关于checkbox的用法的例子


Value1Value2

2、value3"/>Value3     1.操作一:判断一个checkbox是否处于选中状态//方法一:if($("#c1").is(":checked")){alert("方法一可以用!");}else{alert("方法一不可以用");}//方法二:if($("#c2").attr("checked")==false){alert("方法二可以用!");}else{alert("方法二不可以用");}2

3、.操作二:让一个checkbox处于选中状态!$("#c3").attr("checked","checked");或者$("#c3").attr("checked",true);3.操作三:取消一个checkbox的选中状态!$("#c1").removeAttr("checked");或者$("#c1").attr("checked",false);4.操作四:获取checkbox的值!varvalue1=$("#c1").val();或者Varvalue2=document.getElementById(“c2”).value;

4、

下面我们来练习一下全选与反选的例子

5、class="son"type="checkbox"name="son"value="value5"/>

全选      

6、lue8"/>反选1.操作五:全选方法一:$("#father").click(function(){//获取父选框和子选框数组varfather=document.getElementById("father");varsons=document.getElementsByName("son");//设置子选框的选中状态和父相同for(vari=0;i

7、){varflag=$(this).attr("checked");$("[name=son]:checkbox").each(function(){$(this).attr("checked",flag);});});6.通过每一个子复选框来判断全选的复选框是否应处于选中状态方法一:$(".son").click(function(){varnum=0;varfather=document.getElementById("father");varsons=document.getElementsByName("son");for(v

8、ari=0;i

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。