Question

我有jquery代码，能够在单击“全部选中”复选框时将所有复选框设置为“已检查”状态。但是，我想最初，通过检查所有复选框来启动一个html页面，而不必单击“全部选中”复选框。但请记住，我想保留“全部选中”复选框，因为它还可以取消选中所有复选框。

这是我的jquery代码：

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

Answer 1

我只想使用html属性

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

我不建议使用javascript来设置这些初始值，因为它会不必要地浪费客户机中的资源。

Answer 2

您可以将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 3

如果您希望在加载页面时检查所有复选框，而无需点击任何内容，请使用：

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

或者只是生成HTML输入标记：

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

希望这有帮助！

Answer 4

将原始功能更改为：

printf("%d\n", 0)

创建一个新功能：

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

文档准备就绪时调用新函数：

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

最初设置所有复选框以选中

4 个答案: