EventHandler：单击按钮1时启用按钮2

Question

我的HTML页面中有两个按钮，并且我希望合并一项功能，即单击“显示字段”按钮时，应启用“进行编辑”按钮。 当前，“编辑”按钮被禁用。 我的HTML代码是

<input type="submit" class="btn btn-info" name="showname" value="Show Fields" onclick ='editFunc()' style="margin-right: 5px;"/>
<input type="submit" class="btn btn-info" id = "makeEdits"  name="makeEdits" value="Make Edits" disabled ='disabled' style="margin-right: 5px;"/>

我已经编写了用于事件处理的Jquery：

function editFunc(){document.getElementById('makeEdits').disabled = false;}

进行“编辑”按钮一秒钟，然后返回其正常状态：即变为禁用状态。

谁能帮忙。

Answer 1

如果您使用的是jquery，则无需使用onClick，而只需为按钮指定一个id（在本例中为showName ）：

<input type="button" class="btn btn-info" name="showname" value="Show Fields" id="showName" style="margin-right: 5px;"/>

您可以执行以下操作：

$("#showName").on('click', function(){
    $('#makeEdits').prop('disabled', false);
});

这是JSFiddle

Answer 2

只是一个示例和简单的代码：

$("#activation_btn").on('click', function(){
    if($("#edit_btn").is(':disabled'))
        $("#edit_btn").prop('disabled', false); //$("#edit_btn").removeAttr('disabled');
    else
        $("#edit_btn").prop('disabled', true); //$("#edit_btn").addAttr('disabled');
});

Answer 3

您正在单击“提交”按钮。 这将调用您拥有的js代码，然后立即将其发布回服务器并刷新页面。 这就是为什么按钮再次被如此快速禁用的原因-页面返回到其原始状态...