首页 > 代码库 > checkbox限制选中个数
checkbox限制选中个数
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link href="http://www.mamicode.com/sysStyle.css" type="text/css" rel="stylesheet"/>
<link href="http://www.mamicode.com/crm-css/search.css" type="text/css" rel="stylesheet"/>
<script src="http://www.mamicode.com/jquery-1.7.2.js" type="text/javascript"></script>
<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);
alert("选中超过三个");
} else {
$("input[name=‘apk[]‘]").attr(‘disabled‘, false);
}
});
})
</script>
<ul>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/1 />
APK1
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/2 />
APK2
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/1 />
APK3
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/4 />
APK4
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/6 />
APK5
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/7 />
APK6
</li>
<li>
<input type="checkbox" name="apk[]" value=http://www.mamicode.com/8 />
APK7
</li>
</ul>
checkbox限制选中个数