Javascript 刷新后未选中复选框

Javascript 刷新后未选中复选框,javascript,checkbox,erb,Javascript,Checkbox,Erb,我的页面上有复选框,所有复选框的默认值都为true。但是,页面刷新后,select_all复选框变为未选中状态,而其他复选框保持选中状态 var$checked=true; $(“#全选”)。单击(函数(){ console.log('单击全选按钮'+$checked) $checked=!$checked $(“.activated”)。每个(函数(){ $(this).prop(“已选中”,已选中$checked) }); }); 发送电子邮件 名字 姓 电子邮件 您不必将布尔值保存

我的页面上有复选框,所有复选框的默认值都为true。但是,页面刷新后,select_all复选框变为未选中状态,而其他复选框保持选中状态


var$checked=true;
$(“#全选”)。单击(函数(){
console.log('单击全选按钮'+$checked)
$checked=!$checked
$(“.activated”)。每个(函数(){
$(this).prop(“已选中”,已选中$checked)
});
});

发送电子邮件
名字
姓
电子邮件

您不必将布尔值保存到toogle,您可以执行以下操作:

<script>
    $('#select_all').change(function() {
      console.log('click select all button'+$checked)
      $checked = $(this).is(':checked')
      $(".activated").each(function(){
        $(this).prop("checked", $checked)
      });
    });
</script>

$('#全选')。更改(函数(){
console.log('单击全选按钮'+$checked)
$checked=$(this).is(“:checked”)
$(“.activated”)。每个(函数(){
$(this).prop(“已选中”,已选中$checked)
});
});

N.T用更改代替单击,这是一个适合与复选框一起使用的选项。

这是一个很好的教程,