Question

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

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

任何人都可以帮忙解决这个问题。

Answer 1

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

Answer 2

首先，在两个不同的元素上使用相同的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/

Answer 3

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

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

3 个答案: