当前位置:首页 > 网页设计 >Javascript >
发布时间:2018-01-15 19:44:47 作者:佚名 阅读:(121)
<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> <p> <input type="button" id="count" value="有多少CheckBox被选中了?" /> <script type="text/javascript"> $(document).ready(function(){ $('input[type=checkbox]').click(function(){ $(this).attr('disabled','disabled'); if($("input[name='test']:checked").length >= 3) { $("input[name='test']").attr('disabled','disabled'); } }); $("#count").click(function(){ $('input').live('click',function(){ alert($('input:checked').length); }); }) }) </script>(选超过三个做弹窗提示):
<script type="text/javascript"> $('input[type=checkbox]').click(function(){ if($("input[name='test']:checked").length >= 4) { $(this).removeAttr("checked"); alert("最多选3个!")} }); </script>
欢迎分享转载→ JQuery获取被选中复选框checkbox的个数
© 2015-2021 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们