码迷,mamicode.com
首页 > 其他好文 > 详细

checkbox限制选中个数

时间:2014-10-08 23:53:08      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:style   http   io   ar   java   sp   c   on   cti   

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link href="sysStyle.css" type="text/css" rel="stylesheet"/>
<link href="../crm-css/search.css" type="text/css" rel="stylesheet"/>
<script src="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=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>

checkbox限制选中个数

标签:style   http   io   ar   java   sp   c   on   cti   

原文地址:http://www.cnblogs.com/yy123/p/4011685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!