删除操作之后的确定或取消弹出框?

confirm弹出框有默认的样式,需要自己编写代码编辑函数

首先,html部分:

<div id="dialog">
  <div class="fullbg_content" style="text-align:center;">
    <span ><img src="images/exclamation.png" style="50px;"></span>
    <span style="font-size:16px;font-family:Helvetica, Roboto, sans-serif;"><s:text name="system.confirm.del"/></span>
  </div>
  <div class="bottom">
    <input type="button" value="<s:text name='common.confirm'/>" class="trueBtn" style="72px;" onclick="undescribes()"></input><span></span>
    <input type="button" value="<s:text name='common.cancel'/>" class="trueBtn" style="72px;margin-right: 12px;" onclick="closeBg();"></input>
  </div>
</div>

这里暂且将css写行内,可以看到当button操作click事件的时候执行的两个函数,所以在js里面可以找到:

//确定要取消订阅

function undescribes(){

  var data={pkId:$("#del_fav_id").val()};
  var url="apiCollect_deleteApiCollect.action";
  formSubmit(data,url,null);
}

function formSubmit(elementValue,action,target) {
  var turnForm = document.createElement("form");
  document.body.appendChild(turnForm);
  turnForm.method = 'post';
  turnForm.action = action;
  if(target!=null&&target!=undefined&&target!='')
    turnForm.target = target;
    for (var x in elementValue) {
    var newElement = document.createElement("input");
    newElement.setAttribute("type","hidden");
    newElement.name = x;
    newElement.value = elementValue[x];
    turnForm.appendChild(newElement);
}
  turnForm.submit();
}

//取消操作

function closeBg() {
$("#fullbg,#dialog").hide();
}

原文地址:https://www.cnblogs.com/zhanghuijing/p/6866088.html