如何在提交后停用复选框？

Question

让我们说我有一个输入文本和一个复选框，表单的动作是一个页面php。如果＆＃39; x＆＃39;输入文本的条件为真，并且在提交前检查了复选框，如何在表单的页面操作中取消激活复选框的值？

Answer 1

您可以通过为表单提交事件分配事件监听器来使用JavaScript执行此操作：

var ele = document.getElementById("myForm");
if(ele.addEventListener){
    ele.addEventListener("submit", callback, false);  //Most browsers
}else if(ele.attachEvent){
    ele.attachEvent('onsubmit', callback);            //IE...
}

然后，您可以禁用callback功能中的复选框：

function callback(event)
{
    event.preventDefault();

    var myCondition = true; // Customize to your needs

    if (myCondition)
    {
        document.getElementById("myCheckBox").disabled = true;
    }
}

JSFiddle示例here。