checkbox · LayUI的學習

## 最多選三個checkbox ![mark](http://qiniu.newthink.cc/blog/20171213-171523638.gif) ``` <!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> ``` ![mark](http://qiniu.newthink.cc/blog/20171213-171407060.png)