Javascript:重新加载页面时，按钮文本将恢复为默认值

Javascript : button text reverts back to default when the page is reloaded

本文关键字：按钮 文本 默认值 恢复 新加载 加载 Javascript      更新时间：2023-09-26

我有一个按钮，当我单击它时，我想将它的文本从禁用更改为启用，按钮文本已经更改，但当我单击禁用按钮时，会打开一个提示对话框，询问您确定要禁用此用户吗？"，我必须单击此对话框上的"确定"按钮，但在我单击此按钮后，页面将重新加载，按钮返回到禁用状态。

这是按钮：

 <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";
  }

有什么建议吗？

如果您已经使用jQuery，请使用它同时bing 'click'事件，并检索相关数据(使用data-attributes(，如下所示：

$('.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"/>

相关文章：