预选中复选框功能

Pre-Checked Checkbox function

本文关键字：功能 复选框      更新时间：2023-09-26

我们在订单表单上有一个函数，当用户不同意条款和条件时，该功能允许隐藏订单按钮。

你可以在这里看到它：https://secure.purevisionmethod.com/orderforms/launch/step2.php

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

我在复选框中添加了 checked="checked"，但控制 show-hide 函数的函数看不到它。

这是函数：

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

你能明白为什么它无法识别这块 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
//});
相关文章：