jquery-ui 之dialog

1，引入css和js

<script type="text/javascript" src="${ctx}/js/ytd/platform/zdjsDlbyqbh/dlbyqbh.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/jqueryui/jquery-ui.min.js"></script>

2，定义弹框的div

<div id="dialog-confirm" title="计算I'k2">
三相短路超瞬态电量I“k3(A): <input type="text" name="ik3" />
<fieldset>
<legend>计算结果</legend>
I"k2=0.866I"k3=<br><input type="text" name="ik4" disabled="disabled"/>(A)
</fieldset>

</div>

3，js代码

</script>
 function openJs(id) {
    $("#dialog-confirm").show();
    $("#dialog-confirm").dialog({
      resizable : false,
      height : 300,
      widht : 600,
      modal : true,
      buttons : {
        "计算（C）" : function() {
          var ik3 = $("input[name='ik3']").val();
          $("input[name='ik4']").val(ik3 * 0.866);
        },
        "返回（R）" : function() {
          var ik4 = $("input[name='ik4']").val();
          $("#" + id).val(ik4);
          $(this).dialog("close");
        }
      }
    });
  }
</script>