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下操作css的float属性的特殊写法
Aug 22 Javascript
JQuery 常用方法基础教程
Feb 06 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 Javascript
基于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
PHP 多进程 解决难题
2009/06/22 PHP
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
php curl 上传文件代码实例
2015/04/27 PHP
PHP正则表达式匹配替换与分割功能实例浅析
2017/02/04 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
jquery 查找新建元素代码
2010/07/06 Javascript
基于jquery库的tab新形式使用
2012/11/16 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
js脚本实现数据去重
2014/11/27 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
Python Deque 模块使用详解
2014/07/04 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
python编写实现抽奖器
2020/09/10 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
应征英语教师求职信
2013/11/27 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS