## jQuery代碼
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
</head>
<body>
<ul>
<li><input type="checkbox" name="test"/>看電視</li>
<li><input type="checkbox" name="test"/>看電影</li>
<li><input type="checkbox" name="test"/>上網</li>
<li><input type="checkbox" name="test"/>爬山</li>
<li><input type="checkbox" name="test"/>游樂場</li>
<li><input type="checkbox" name="test"/>逛街</li>
<li><input type="checkbox" name="test"/>聚會</li>
</ul>
<script type="text/javascript">
$('input[type=checkbox]').click(function () {
if ($("input[name='test']:checked").length >= 4) {
$(this).removeAttr("checked");
alert("最多選3個!");
}
});
</script>
</body>
</html>
```
## LayUI
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>select獲取自定義屬性值</title>
<link rel="stylesheet" href="../layui/css/layui.css"/>
</head>
<body class="layui-form">
<input type="checkbox" lay-filter="test" name="test"/>看電視
<input type="checkbox" lay-filter="test" name="test"/>看電影
<input type="checkbox" lay-filter="test" name="test"/>上網
<input type="checkbox" lay-filter="test" name="test"/>爬山
<input type="checkbox" lay-filter="test" name="test"/>游樂場
<input type="checkbox" lay-filter="test" name="test"/>逛街
<input type="checkbox" lay-filter="test" name="test"/>聚會
<script src="../layui/layui.js"></script>
<script>
//一般直接寫在一個js文件中
layui.use(['layer', 'form', 'jquery'], function () {
var layer = layui.layer
, form = layui.form
, $ = layui.jquery;
form.on('checkbox(test)',function (data) {
if ($("input[name='test']:checked").length >= 4) {
$(data.elem).removeProp('checked'); //或者$(this)
form.render();
alert("最多選3個!");
}
})
});
</script>
</body>
</html>
```
