`

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

    博客分类:
  • js
 
阅读更多

 

<script type="text/javascript">
	$(document).ready(function() {

		$('input[type=checkbox]').click(function() {
			$("input[name='apk[]']").attr('disabled', true);
			if ($("input[name='apk[]']:checked").length >= 3) {
				$("input[name='apk[]']:checked").attr('disabled', false);
			} else {
				$("input[name='apk[]']").attr('disabled', false);
			}
		});

	})
</script>
<ul>
	<li>
		<input type="checkbox"  name="apk[]" value=1 />
		APK1
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=2 />
		APK2
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=1 />
		APK3
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=4 />
		APK4
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=6 />
		APK5
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=7 />
		APK6
	</li>
	<li>
		<input type="checkbox"  name="apk[]" value=8 />
		APK7
	</li>
</ul>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics