1. 程式人生 > >jQuery實現複選框單選

jQuery實現複選框單選

這裡職務只能勾選一個,所以我打算實現複選框只能單選的功能。

實現思路:

遍歷每一個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');