jquery判断checkbox最多选几个
2016-01-13 16:04
639 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<script type="text/javascript">
$(function(){
$('.checkbox').find('input').click(function(){
if($("input[type=checkbox]:checked").length >= 6)
{
$(this).removeAttr("checked");
alert("最多选5个!")}
});
})
</script>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<div class="checkbox">
<input type="checkbox"/>
</div>
<script type="text/javascript">
$(function(){
$('.checkbox').find('input').click(function(){
if($("input[type=checkbox]:checked").length >= 6)
{
$(this).removeAttr("checked");
alert("最多选5个!")}
});
})
</script>
相关文章推荐
- JQuery实现点击div里面的a的能触发点击时间,但是不触发外面的div的点击事件
- jquery.cookie中的操作
- jquery:选择器 过滤器
- JSON+Jquery省市区三级联动
- jquery操作radio,checkbox
- jQuery计算时间差和阴阳历转换
- jquery验证(产品三期-院历增加)
- jQuery遍历函数
- JQuery中$.ajax()方法参数详解
- jQuery选择器
- jQuery ajax 实现分页 kkpager插件
- jQuery-单击文字或图片内容放大显示效果插件
- JQuery阻止事件冒泡
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- JQuery 判断滚动条是否到底部
- jQuery的deferred对象详解
- jQuery WeUI v0.1.0 发布了 - 微信公众账号开发者的福音
- jquery中$("#afui").get(0)为什么要加get(0)呢?
- jQuery EasyUI使用教程之添加排序
- jQuery插件简单示例