- <div id="checkboxed">
- <input name="check1" type="checkbox"/>check1
- <input name="check2" type="checkbox"/>check2
- <input name="check3" type="checkbox"/>check3
- </div>
-
- <script type="text/javascript">
- $(function() {
- $('#checkboxed').find('input[type=checkbox]').bind('click', function(){
- var id = $(this).attr("id");
-
- //当前的checkbox是否选中
- if(this.checked){
- //除当前的checkbox其他的都不选中
- $("#checkboxed").find('input[type=checkbox]').not(this).attr("checked", false);
-
- //选中的checkbox数量
- var selectleng = $("input[type='checkbox']:checked").length;
- console.log("选中的checkbox数量"+selectleng);
- }else{
- //未选中的处理
- console.log("未选中的处理");
- }
- });
- })
- </script>
-