启用两个具有相同id的提交按钮'；通过javascript实现

我有两个提交按钮，它们的名称、类和值都相同

在这里，我需要在完成页面加载后从java脚本启用这两个按钮

此处一个按钮处于启用状态，另一个按钮处于禁用状态 这里是按钮代码

<input id="SAVE_HEADER" type="submit" value="Next" name="button" class="button"/>
<input id="SAVE_HEADER" type="submit" value="Next" name="button" class="button"/>

---

任何人都可以对此提供帮助。

每个元素都应该有一个唯一的id。尝试为您的按钮设置类。

首先，在两个不同的元素上使用相同的

id

属性是无效的（）。使用

class

attr代替它

其次，尝试使用库（它比普通JavaScript更容易使用）：

HTML:

---

jsIDLE:

document.onreadystatechange=函数（）{
如果（document.readyState==“完成”）{
$（“.button”）。每个（功能（btn）{
$（btn）.removeAttr（“已禁用”）
});
}
}

每个元素都应该有一个唯一的id。请尝试为buttons类指定一个id。是的，您的权限是正确的，但我在这里也使用“each”函数..而不是将每个id用于id，将其用于类。你不能有多个相同ID的元素，你会有未定义的行为。是的，我这么做了，但不是来启用状态的。在此之后，一个按钮处于启用模式，使用类或id执行此代码，但另一个按钮不是

document.onreadystatechange = function () 
{
    alert(document.readyState);

    if(document.readyState == "interactive")
    {
        $("#SAVE_HEADER").each(function() {
            alert("add");
            $("#SAVE_HEADER").attr("disabled");
        });
    }
    if(document.readyState == "complete")
    {   
        $("#SAVE_HEADER").each(function() {
            alert("rem");           
            $("#SAVE_HEADER").removeAttr("disabled");           
        });
    }
}

<input id="SAVE_HEADER1" type="submit" value="Next" name="button" class="button"/>
<input id="SAVE_HEADER2" type="submit" value="Next" name="button" class="button"/>

$(function() {
    $('input.button').attr('disabled', 'disabled');
});