我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > js >

JQuery限制复选框checkbox最多可选中个数

时间:2015-11-04 10:47 来源:未知 | 作者:我爱学习网 | 本文已影响
由于项目中常常需要限制可操作或可选中的复选框个数 所以写了一段JQuery小代码 
 
功能:
如果选中个数大于允许的最大个数 其他复选框不能选择  
如果小于则所有复选框都能选择
 
通过该功能,可以限制用户最多可选择的复选框个数。

<script>
//限制 checkbox的 选中个数
$(document).ready(function(){
	$('input[type=checkbox]').click(function() {
		$("input[name='siteid[]']").attr('disabled', true);
		if ($("input[name='siteid[]']:checked").length >= 10) {
			$("input[name='siteid[]']:checked").attr('disabled', false);
		} else {
			$("input[name='siteid[]']").attr('disabled', false);
		}
	});
})
</script>

<input type="checkbox" name="siteid[]" value="1" />
<input type="checkbox" name="siteid[]" value="2" />
<input type="checkbox" name="siteid[]" value="3" />
<input type="checkbox" name="siteid[]" value="4" />
<input type="checkbox" name="siteid[]" value="5" />
<input type="checkbox" name="siteid[]" value="6" />

(责任编辑:我爱学习网)


分享到: 更多