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代碼，然后立即將其發布回服務器並刷新頁面。 這就是為什么按鈕再次被如此快速禁用的原因-頁面返回到其原始狀態...