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

时间:2016-10-06 09:02:49

标签: javascript html

我有一个按钮,当我从禁用启用按钮时,我想要更改它的文本,按钮文本已经更改但是当我单击禁用按钮询问您是否确定要启用时会打开提示对话框禁用此用户?“,我必须在此对话框上单击”确定“按钮,但在单击此按钮后,页面将重新加载,按钮将恢复为禁用状态。

以下是按钮:

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

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

如果您已经使用过jQuery,请使用它来同时发送'click'事件,并检索相关数据(使用data-attributes),如下所示:

&#13;
&#13;
$('.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);
});
&#13;
<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"/>
&#13;
&#13;
&#13;