本文介绍了一个使用EasyUI框架实现的简单文本框实时计算功能。通过两个输入框A和B，实时计算并显示剩余值C。利用jQuery绑定输入事件，实现数值变化时的即时更新。
<script type="text/javascript">
$(function () {
$('#A').textbox('setValue', 10);
$('#C').textbox('setValue', $('#A').textbox('getValue'));
function change(n, o, id) { alert(o); $('#C').textbox('setValue', $('#A').textbox('getValue') - this.value); }
function change1(n, o, id) { $('#C').textbox('setValue', this.value - $('#B').textbox('getValue')); }
$('#B').textbox('textbox').bind({ input: change, propertychange: change, value: 'A' });
$('#A').textbox('textbox').bind({ input: change1, propertychange: change1, value: 'A' });
});
</script>
</head>
<body>
<input class="easyui-textbox" id="A" style="width: 50px" />总
<input class="easyui-textbox" id="B" style="width: 50px" />减
<input class="easyui-textbox" id="C" style="width: 50px" />余
</body>
</html>
扫一扫
8395
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
