最初將所有複選框設置爲選中

Question

我有jquery代碼，可以將所有複選框設置爲「已選中」狀態，只需點擊「全選」複選框即可。不過，我想最初，通過檢查所有複選框來啓動一個html頁面，而不必點擊'check all'複選框。不過，請記住，我想保留「全選」複選框，因爲它能夠取消選中所有複選框。

這裏是我的jQuery代碼：

$('.chk_boxes').click(function(){ 
    var chk = $(this).attr('checked')?true:false; 
    $('.chk_boxes1').attr('checked',chk); 
}); 

Answer 1

如果你想擁有你所有的複選框選中該頁面，而無需加載的瞬間點擊任何東西，使用：

$(document).ready(function(){ 
    $("input:checkbox").prop("checked", "true"); 
}); 

或者只是生成的HTML的輸入標籤，像這樣：

<input type="checkbox" checked="checked" /> 

希望這會有所幫助！

Answer 2

我只想用HTML屬性

<input name="name" id="id" type="checkbox" checked="checked"> 

我不建議使用JavaScript，因爲這將不必要地在客戶端浪​​費資源來設置這些初始值機器。

Answer 3

你可以把你的checkAll功能的點擊功能之外，把它一旦頁面加載，當你在支票上單擊所有按鈕

$(document).ready(function(){ 
    checkAll(true); 

    $('.chk_boxes').click(function(){ 
     var chk = $(this).attr('checked')?true:false; 
     checkAll(chk) 
    }); 

    function checkAll(isCheck){ 
     $('.chk_boxes1').attr('checked',isCheck); 
    } 
}) 

我也很喜歡@Univ方法。

Answer 4

更改原始功能：

$('.chk_boxes').click(chkAll()); 

創建一個新的功能：

function chkAll(){ 
    var chk = $(this).attr('checked')?true:false; 
    $('.chk_boxes1').attr('checked',chk); 
} 

呼叫時，文件都準備好了新的功能：

$(document).ready(function(){ 
    chkAll(); 
})