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模板技术
Apr 27 Javascript
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
jquery 表单取值常用代码
Dec 22 Javascript
javascript时间自动刷新实现原理与步骤
Jan 06 Javascript
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 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高自定义性安全验证码代码
2011/11/27 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
js实现PC端根据IP定位当前城市地理位置
2017/02/22 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
python正则表达式re模块详解
2014/06/25 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
python数据挖掘需要学的内容
2019/06/23 Python
Python切图九宫格的实现方法
2019/10/10 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
基于python实现检索标记敏感词并输出
2020/05/07 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
企业总经理职责
2014/02/02 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
学前班评语大全
2014/05/04 职场文书
事业单位鉴定材料
2014/05/25 职场文书
安全宣传标语口号
2014/06/06 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS