JQuery checkbox操作
来源:互联网 发布:linux sshd服务是什么 编辑:程序博客网 时间:2024/06/05 21:44
<form action=""> <input type="checkbox" name="checkbox" value="足球">足球</input> <input type="checkbox" name="checkbox" value="篮球">篮球</input> <input type="checkbox" name="checkbox" value="羽毛球">羽毛球</input></br> <input type="button" id="btn1" value="全 选"></input> <input type="button" id="btn4" value="全不选"></input> <input type="button" id="btn2" value="反 选"></input> <input type="button" id="btn3" value="提 交"></input> </form>
页面展示:
在页面加载时,要给这些按钮绑定事件:
$(function(){$("#btn1").bind("click",function(){ var box=$("[name=checkbox]"); box.prop("checked",true); }); $("#btn2").bind("click",function(){ var box=$("[name=checkbox]"); box.each(function(){ this.checked=!this.checked; }); }); $("#btn4").bind("click",function(){ var box=$("[name=checkbox]"); box.prop("checked",false); });$("#btn3").bind("click",function(){ var box=$("[name=checkbox]"); var len=box.length; var result=""; console.log(box); for(var i=0;i<len;i++){ if(box[i].checked==true){ result+=box[i].value+','; } } console.log(result); });});
效果展示:
点击全选:
点击全不选:
点击反选:
点击提交:
单独点击一个或两个:
阅读全文
0 0
- jquery checkbox 相关操作
- jquery 操作checkbox
- JQuery操作checkbox、radio(
- JQuery操作checkbox、radio
- checkbox、radio JQuery操作
- Jquery 操作checkbox
- JQuery 操作checkbox,radion
- JQuery操作checkbox、radio
- JQuery对checkbox操作
- JQuery操作checkbox、radio
- Jquery CheckBox 相关操作
- Jquery 操作checkbox等
- jQuery操作checkbox选择
- jquery操作checkbox
- JQuery 操作checkbox select
- jQuery如何操作checkbox
- JQuery操作checkbox
- jquery 操作checkbox
- Binary Tree Paths
- 深入理解CSS中的层叠上下文和层叠顺序
- 通过python编写定时任务压缩日志文件
- iOS 键盘限制输入内容限制、输入长度限制
- 在StoryBoard/Xib 中复用Xib 并实时预览
- JQuery checkbox操作
- CSS样式表继承详解
- css background之设置图片为背景技巧
- ROS教程(二十一):Roslaunch在大型项目中的使用技巧
- MyEclipse配置tomcat远程debug
- 面试准备之activeMQ及freemarker
- ural 1002. Phone Numbers tire+spfa
- NotificationListenerService 权限获取
- (bzoj 1774 [Usaco2009 Dec]Toll 过路费)