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>

转载于:https://www.cnblogs.com/rdchen/p/9466202.html