Javascript 启用和禁用按钮不工作

Javascript 启用和禁用按钮不工作,javascript,html,forms,input,disabled-input,Javascript,Html,Forms,Input,Disabled Input,我正在试着写一张表格。目前,该按钮已禁用。但是当你点击一个复选框时,这个按钮应该是启用的,如果你没有点击复选框,那么再次禁用。当我点击复选框时,我无法使按钮变为启用状态。我的循环可能有问题。循环处于函数检查中。有解决办法吗 Javascript function checkAge(e){ var theTarget = e.target ? e.target : e.srcElement; alert(theTarget.id); var form = document.getElement

我正在试着写一张表格。目前,该按钮已禁用。但是当你点击一个复选框时,这个按钮应该是启用的,如果你没有点击复选框,那么再次禁用。当我点击复选框时,我无法使按钮变为启用状态。我的循环可能有问题。循环处于函数检查中。有解决办法吗

Javascript

function checkAge(e){

var theTarget = e.target ? e.target : e.srcElement;
alert(theTarget.id);

var form = document.getElementById("form");
if (document.getElementById("content")) {
    form.removeChild(document.getElementById("content"));
}

if(theTarget.id == "fourteen"){
    var newDiv = document.createElement("div");
    newDiv.setAttribute("id", "content");

    var br = document.createElement("br");
    newDiv.appendChild(br);
    var br = document.createElement("br");
    newDiv.appendChild(br);

    newDiv.appendChild(document.createTextNode("Vilka seriefigurer träffade du?"));

    var br = document.createElement("br");
    newDiv.appendChild(br);

    var musse = document.createElement('input');
    musse.setAttribute("type", "checkbox");
    musse.setAttribute("name", "musse");
    musse.setAttribute("value", "musse");
    musse.setAttribute("id", "musse");
    newDiv.appendChild(musse);
    newDiv.appendChild(document.createTextNode("Musse"));

    var br = document.createElement("br");
    newDiv.appendChild(br);

    var adi = document.createElement('input');
    adi.setAttribute("type", "checkbox");
    adi.setAttribute("name", "adi");
    adi.setAttribute("value", "adi");
    adi.setAttribute("id", "adi");
    newDiv.appendChild(adi);
    newDiv.appendChild(document.createTextNode("Ådi"));

    var br = document.createElement("br");
    newDiv.appendChild(br);

    var bamse = document.createElement('input');
    bamse.setAttribute("type", "checkbox");
    bamse.setAttribute("name", "bamse");
    bamse.setAttribute("value", "bamse");
    bamse.setAttribute("id", "bamse");
    newDiv.appendChild(bamse);
    newDiv.appendChild(document.createTextNode("Bamse"));

    var br = document.createElement("br");
    newDiv.appendChild(br);

    var input = document.createElement("input");
    input.setAttribute("type", "submit");
    input.setAttribute("name", "submit");
    input.setAttribute("id", "submit");
    input.setAttribute("value", "Skicka");
    newDiv.appendChild(input);

    form.appendChild(newDiv);

    var inputs = document.getElementsByTagName("input");
    for(i=0; i<inputs.length; i++){
        input.disabled = true;
        if(inputs[i].type == "checkbox" && inputs[i].checked){
            input.disabled = false;
        }
        else{
            input.disabled = true;
        }

    }

}
功能检查(e){
var theTarget=e.target?e.target:e.src元素;
警报(目标id);
var form=document.getElementById(“表单”);
if(document.getElementById(“内容”)){
form.removeChild(document.getElementById(“内容”);
}
如果(target.id==“十四”){
var newDiv=document.createElement(“div”);
newDiv.setAttribute(“id”、“内容”);
var br=document.createElement(“br”);
新部门附属机构(br);
var br=document.createElement(“br”);
新部门附属机构(br);
newDiv.appendChild(document.createTextNode(“Vilka seriefiguer träffade du?”);
var br=document.createElement(“br”);
新部门附属机构(br);
var musse=document.createElement('input');
musse.setAttribute(“类型”、“复选框”);
muse.setAttribute(“名称”、“muse”);
muse.setAttribute(“值”、“muse”);
设置属性(“id”、“muse”);
新分部(穆塞);
newDiv.appendChild(document.createTextNode(“Musse”);
var br=document.createElement(“br”);
新部门附属机构(br);
var adi=document.createElement('input');
adi.setAttribute(“类型”、“复选框”);
adi.setAttribute(“名称”、“adi”);
adi.setAttribute(“值”、“adi”);
adi.setAttribute(“id”、“adi”);
新儿童分部(adi);
newDiv.appendChild(document.createTextNode(“Ådi”);
var br=document.createElement(“br”);
新部门附属机构(br);
var bamse=document.createElement('input');
setAttribute(“类型”、“复选框”);
setAttribute(“名称”、“bamse”);
setAttribute(“值”、“bamse”);
setAttribute(“id”、“bamse”);
新部门附属机构(bamse);
newDiv.appendChild(document.createTextNode(“Bamse”);
var br=document.createElement(“br”);
新部门附属机构(br);
var输入=document.createElement(“输入”);
输入.setAttribute(“类型”、“提交”);
输入.setAttribute(“名称”、“提交”);
输入.setAttribute(“id”、“提交”);
setAttribute(“值”、“Skicka”);
newDiv.appendChild(输入);
表格.附录儿童(newDiv);
var inputs=document.getElementsByTagName(“输入”);

对于(i=0;i当您创建复选框时,您不会将任何事件附加到它们。禁用输入的循环仅在您创建表单的复选部分时发生,并且不会再次执行。如果将偶数附加到复选框,则应该可以解决您的问题

此外,checkAge函数会将复选框输入添加到文档中,但决不会更新
输入
数组以包含复选框


您可能想考虑将所有HTML元素添加到页面中,并使用显示:NON/Display:块隐藏/显示元素。对不起,不想错过任何关键代码来解决这个问题。忽略一切,而不是检查功能。谢谢您的帮助!