jQuery操作 input type=checkbox的实现代码
更新时间：2012年06月14日 23:17:19 作者：
jQuery操作 input type=checkbox的实现代码，需要的朋友可以参考下，这边脚本之家推荐大家看我们以前发布的文章
复制代码 代码如下:
<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);
$("input[name='nation']:even").attr("checked",true);
//选中索引为奇数的国家队
$("input[name='nation']:odd").attr("checked",true);
相关文章
下面小编就为大家带来一篇jquery实现无刷新验证码的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了layui前段框架分页效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
我想熟悉javascript的没有不知道jquery的吧，不得不提的就是特有的连缀书写语法了，jquery连缀语法如何实现，接下来将详细介绍2012-11-11
使用2句代码简单实现jquery动画的跳到顶部和底部；当点击顶部按钮的时候，执行方法,scrollTop属性获取选中标签距滚动条的距离，具体的实现如下，感兴趣的朋友可以参考下2013-07-07
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
这篇文章主要介绍了jQuery实现可以控制图片旋转角度效果,可实现通过下方的滑块拖动控制图片旋转的功能,涉及jQuery操作页面元素样式动态变换的技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery点击导航栏选中更换样式的实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jQuery实现的模拟弹出窗口功能,结合实例形式分析了jQuery弹出窗口的初始化、坐标、背景设置等相关操作技巧,需要的朋友可以参考下2016-11-11
Jquery和angularjs获取check框选中的值的方法汇总
本文分别通过具体的实例向大家展示了jquery和angularjs获取获取check框选中的值的方法，非常的简单实用，有需要的小伙伴可以参考下2016-01-01
jquery除了它自己非常出色的js功能之外还附带有数不清的插件，可以完成各种美好的效果和功能。jquery.qrcode就是其中一个，用来在线生成二维码2013-08-08
由于Html里只有input元素拥有maxlength属性，而textarea没有,所以以前对于文本框字数限制做了很多方案的解决，但是都不太完美。2009-11-11
最新评论