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>

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

Answer 2

您需要包含以下参数：onClick="EnableSubmit()"

 <input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit()"> I agree to Terms of Service agreement.

Answer 3

首先，如果条件检查切换是否切换到所需侧。条件可根据要求改变。最后一个jquery是将切换按钮设置为灰色。

 if(!$('#togglehk').is(":checked"))
                    {
                        $('#togglehk').click();
                    }
  jQuery('#togglehk').attr("disabled", true);
  jQuery('#togglehk').prop("disabled",true);

  jQuery('#togglehk').next(".slider").css("backgroundcolor","#B3B3B3");

如果选中/取消选中复选框，则启用/禁用提交按钮？

3 个答案: