jQuery實現複選框單選
阿新 • • 發佈:2018-11-05
這裡職務只能勾選一個,所以我打算實現複選框只能單選的功能。
實現思路:
遍歷每一個checkbox,如果有一個選中,其他的就預設未選中狀態,從而實現checkbox單選功能。
js程式碼:
//checkbox實現單選 $("input[name='job']:checkbox").each(function(){ $(this).click(function(){ if($(this).prop('checked')){ $('input[name="job"]').prop('checked',false); $(this).prop('checked',true); } }); });
判斷checkbox是否選中:(不建議使用attr,我每次用都掛掉,奇奇怪怪!)
.prop('checked'): //1.6+:true/false .is(':checked'): //所有版本:true/false//別忘記冒號哦
jquery賦值checked的幾種寫法:(還是不建議使用attr,某些時候就出錯!)
$('input[name="job"]').prop('checked',false); //設定取消選中
//設定選中 $('input[name="job"]').prop('checked',true);
$('input[name="job"]').prop('checked','checked');