Javascript 预选中复选框功能

我们的orderform上有一个函数，允许在用户不同意条款和条件时隐藏order按钮

你可以在这里看到：

现在，页面会显示未选中的复选框。我们希望对其进行设置，以便在用户取消选中该框时预先选中它，并且订单按钮将变为隐藏

我将checked=“checked”添加到复选框的后面，但是控制show-hide函数的函数没有看到它

这就是功能：

<script>
$('#agree_box').change(function(){
   (this.checked)?$('#offer_fade').css('display','none'):$('#offer_fade').css('display','block');
});
</script>

$（“#同意框”）。更改（函数（）{
（this.checked）？$（'offer_fade'）.css（'display'，'none'）：$（'offer_fade'）.css（'display'，'block'）；
});

您能理解为什么它不能识别这段java中预选的checked=“checked”吗

---

谢谢

代码中没有任何内容检查复选框的检查状态（在DOM就绪时），您只是附加了一个事件侦听器。如果要触发事件/处理程序，应使用

change

、

triggerHandler

或

trigger

方法

//$(document).ready(function() {
    $('#agree_box').change(function() {
       $('#offer_fade').toggle(this.checked);
    }).change(); // execute the change handler(s) once on DOM ready
//});

---

这是什么<代码>（this.checked）？$（'offer\u fade'）.css（'display'，'none'）：$（'offer\u fade'）.css（'display'，'block'）检查浏览器控制台是否有错误。为什么希望该代码运行？

$（'#offer_fade'）。切换（this.checked）@MelanciaUK-我没有收到错误，只是函数无法工作。谢谢你的调查！我将您的代码添加到页面中，它现在将侦听切换，并且我添加了复选框的预检查。但是，选中时不显示按钮，仅在未选中时显示。我现在哪里出错了？@Veit尝试将处理程序的主体更改为
$（“#offer_fade”）。切换（！this.checked）然后。选中复选框时，您将显示覆盖图。@Veit谢谢：），您也是！