jQuery操作 input type=checkbox的实现代码


Posted in Javascript onJune 14, 2012
<input type="checkbox">: 
2012欧洲杯"死亡之组"小组出线的国家队是:<br> 
<input type="checkbox" name="nation" value="Germany">德国 
<input type="checkbox" name="nation" value="Denmark">丹麦 
<input type="checkbox" name="nation" value="Holland">荷兰 
<input type="checkbox" name="nation" value="Portugal">葡萄牙

1、小组第一名和第二名出线,所以要限制只能选两项。

var len = $("input[name='nation']:checked").length; 
if(len==0) { 
alert("请选择出线的国家队!"); 
return false; 
}else if(len<2) { 
alert("请选择两个国家队!"); 
return false; 
}else if(len>2) { 
alert("只能选择两个国家队!"); 
return false; 
}else { 
return true; 
}

2、遍历已选择的国家队。

$("input[name='nation']:checked").each(function(){ 
alert("已选择的国家队: "+$(this).val()); 
});

3、取消所有选中的国家队。

$("input[name='nation']:checked").attr("checked",false);

4、指定选中两个国家队。

$("input[name='nation'][value='Germany']").attr("checked",true); 
$("input[name='nation'][value='Holland']").attr("checked",true);

5、禁止选择国家队。

$("input[name='nation']").attr("disabled",true);

6、允许选择国家队。

$("input[name='nation']").attr("disabled",false);

7、选中索引为偶数或者奇数的国家队(索引是从0开始)。

//选中索引为偶数的国家队 
$("input[name='nation']:even").attr("checked",true); 
//选中索引为奇数的国家队 
$("input[name='nation']:odd").attr("checked",true);
Javascript 相关文章推荐
javascript取消文本选定的实现代码
Nov 14 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
checkbox设置复选框的只读效果不让用户勾选
Aug 12 Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
Three.js快速入门教程
Sep 09 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
JS 自执行函数原理及用法
Aug 05 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
JSON获取属性值方法代码实例
Jun 30 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 #Javascript
jQuery操作select的实例代码
Jun 14 #Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 #Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 #Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 #Javascript
基于jQuery的360图片展示实现代码
Jun 14 #Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 #Javascript
You might like
给海燕B411配件机起死回生配上件
2021/03/02 无线电
PHP生成图片验证码、点击切换实例
2014/06/25 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
javascript控制台详解
2015/06/25 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
JS实现放烟花效果
2020/03/10 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
利用Python将数值型特征进行离散化操作的方法
2018/11/06 Python
Python Cookie 读取和保存方法
2018/12/28 Python
Python实现高斯函数的三维显示方法
2018/12/29 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
大学生毕业自我鉴定范文
2013/11/03 职场文书
疾病捐款倡议书
2014/05/13 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书
民主生活会主持词
2015/07/01 职场文书
公司酒会致辞
2015/07/30 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书