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');    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM