Javascript：ボタンのテキストは、ページがリロードされたときにデフォルトに戻ります

Question

ボタンをクリックしたときにテキストを変更したい場合、ボタンのテキストはすでに変更されていますが、私は無効にするボタンをクリックしてこのユーザーを無効にしてもよろしいですか？ "、このダイアログで[OK]ボタンをクリックする必要がありますが、このボタンをクリックするとページが再読み込みされ、ここで

はボタンです：

<input type="button" id="delUserButton<%=ud.getUserId()%>" onclick="openDelDiv(this,<%=ud.getUserId()%>, '<%=ud.getUserName()%>');" value="Disable"/> 

JS

function openDelDiv(btnObj,userId, userName) { 
    $("#userId_delete").val(userId); 
    $("#userName_delete").text(userName); 
    $("#delUserDiv").bPopup(); 
    change(btnObj); 
} 


function change(btnObj) { 
    if (btnObj.value === "Disable") 
     btnObj.value = "Enable"; 
    else 
     btnObj.value = "Disable"; 
    } 

お願いします。

Answer 1

あなたはまだのような（data-attributesを使用して）も'click'イベントをBINGするためにそれを使用し、jQueryのを使用して、関連するデータを取得する場合：変更（btnObj）があるべき

$('.myBtn').on('click', function(){ 
 
    var $btn = $(this) 
 
    $("#userId_delete").val($btn.data('user-id')); 
 
    $("#userName_delete").text($btn.data('user-name')); 
 
    var newVal = $btn.val() == 'Disable' ? 'Enable' : 'Disable'; 
 
    $btn.val(newVal); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="myBtn" type="button" data-user-id="5" data-user-name="userNameHere" value="Disable"/>