javascript - 如果复选框被选中/未选中，启用/禁用提交按钮？

Question

如何在我的 HTML 表单中启用提交按钮并在复选框未选中时禁用？

这段代码有什么问题？

EnableSubmit = function(val)
{
    var sbmt = document.getElementById("Accept");

    if (val.checked == true)
    {
        sbmt.disabled = false;
    }
    else
    {
        sbmt.disabled = true;
    }
}                       

复选框

<td width="30%">Do you accept Terms of Service agreement?</td>
<td width="10px" style="min-width: 10px"></td>
<td width="70%">
    <input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit"> I agree to Terms of Service agreement.
</td>

Answer 1

将您的 HTML 更改为:

<td width="30%">Do you accept Terms of Service agreement?</td>
<td width="10px" style="min-width: 10px"></td>
<td width="70%">
    <input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit(this)"> I agree to Terms of Service agreement.
</td>

它不起作用的原因:你没有传递任何东西给你的函数。实际上，因为您没有在函数名称中使用括号，所以您根本没有调用该函数。在 onclick HTML 事件属性的上下文中传递 this 意味着您正在传递对该元素的 DOM 对象的引用，从而使您可以访问其 checked属性。