通过javascript启用两个具有相同ID的提交按钮答案

【问题标题】：Enable two submit buttons having same id's by javascript通过javascript启用两个具有相同ID的提交按钮
【发布时间】：2014-12-10 20:33:18
【问题描述】：

我有两个同名、类、值相同的提交按钮。

这里我需要在完成页面加载后从 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"/>

这是我的 java 脚本代码

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");           
        });
    }
}

谁能帮忙解决这个问题。

【问题讨论】：

每个元素应该有一个唯一ID。
尝试给你的按钮类。
是的，你的权利，但这里也使用“每个”功能..
不要将每个用于 ID，而是将其用于类。您不能有多个具有相同 ID 的元素，您最终会出现未定义的行为。
是的，我这样做了，但没有启用状态。使用类或 id 执行此代码后，一个按钮处于启用模式，但另一个按钮不是

标签： javascript submit

【解决方案1】：

每个元素都应该有一个唯一 ID。尝试给你的按钮类。

【讨论】：

【解决方案2】：

document.onreadystatechange = function () { if (document.readyState == "complete") { $(".button").each(function(btn) { $(btn).removeAttr("disabled") }); } }

【讨论】：

【解决方案3】：

首先，在两个不同的元素上使用相同的id 属性是无效的（explanatory LINK）。使用class attr 代替它。

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

HTML：

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

JavaScript：

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

jsFiddle：http://jsfiddle.net/q4ogky5d/

【讨论】：