问题 如果选中/取消选中复选框,则启用/禁用提交按钮?


如何在我的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>

6970
2018-04-05 02:22


起源

可能重复 如果取消选中复选框,如何禁用提交按钮? - Ciro Santilli 新疆改造中心 六四事件 法轮功


答案:


将您的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 在。的背景下 onclick HTML事件属性意味着您正在传递对元素的DOM对象的引用,使您可以访问它 checked 属性。


12
2018-04-05 02:32



您是否可以重新输入您的问题以包含表单的其他来源(HTML)?您可能正在使用的任何其他JavaScript? - Paul Sebastian Bruno


您需要包含参数: onClick="EnableSubmit()"

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

3
2018-04-05 02:33





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

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

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

0
2018-04-17 10:15