checkbox的第三種狀態--不肯定狀態

時間 2019-11-17

原文原文鏈接

視覺上，checkbox有三種狀態：checked、unchecked、indeterminate（不肯定的）。看起來就像這樣子：java

對於indeterminate狀態的checkbox須要注意的是：你沒法在HTML中設置checkbox的狀態爲indeterminate。由於HTML中沒有indeterminate這個屬性，你能夠經過Javascript腳原本設置它jquery

 
         var checkbox = document.getElementById( 
         "reyo-checkbox" 
         ); 
        
         checkbox.indeterminate =  
         true 
         ;

或者經過jQuery來設置瀏覽器

 
         $( 
         "#reyo-checkbox" 
         ).prop( 
         "indeterminate" 
         ,  
         true 
         );  
         // prop is jQuery 1.6+<br><br>

$("#reyo-checkbox").attr("indeterminate", true);
$("#reyo-checkbox").prop("indeterminate", true);
兩種均可以，不過新版jquery推薦第二種，兩個在其餘方面都差很少，我發現的惟一不一樣就是在checkbox上的時候，須要用prop，否則IE瀏覽器會不兼容

相關標籤/搜索