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 相关文章推荐
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
js使用generator函数同步执行ajax任务
Sep 05 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
JavaScript实现简单动态表格
Dec 02 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
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
IE bug table元素的innerHTML
2010/01/11 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
python3.6 实现AES加密的示例(pyCryptodome)
2018/01/10 Python
Django框架表单操作实例分析
2019/11/04 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
酒后驾驶检讨书
2014/01/27 职场文书
入党积极分子学习优秀共产党员先进事迹思想汇报
2014/09/13 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
初中中等生评语
2014/12/29 职场文书
客户答谢会致辞
2015/07/30 职场文书
年中了,该如何写好个人述职报告?
2019/07/02 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server