Question

我的HTML页面中有两个按钮，我希望在点击按钮＆＃34;显示字段＆＃34;时加入一个功能，应该启用Make Edits按钮。目前，制作编辑按钮已被禁用。我的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;}

Make Edits按钮启用一秒钟后再返回正常状态：即禁用。

任何人都可以帮忙。

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代码，然后立即回发到服务器并刷新页面。这就是按钮再次被禁用的原因 - 页面恢复到原始状态......

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

3 个答案: