JSP中input内容改变触发onchange事件使用

最新推荐文章于 2023-12-14 15:08:00 发布
最新推荐文章于 2023-12-14 15:08:00 发布
阅读量2.6w 收藏 9
点赞数 3
分类专栏： —————jQuery —————ITOO
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010097777/article/details/51035175
版权
本文介绍了如何在JSP中利用input的onchange事件动态调整比例分配。当用户修改平时成绩比例时，期末成绩比例会自动更新以保持总和为100%，提升了用户体验。
摘要由CSDN通过智能技术生成

       最近做的一个成绩的比例添加的功能，需求是平时比例和期末比例为100%，而为了减少让用户的思考，让界面更人性化，其实我们可以在输入平时比例时，期末比例自动加载，这时就要使用jsp中input的内容改变需要触发的一个事件：onchange（）。

效果图：


JSP中input定义：

<!-- 添加比例设置表单------>
	<div id="addResultRule" class="easyui-dialog" title="添加成绩比例信息" buttons="#dlg-buttons" style="width:400px;height:310px" data-options="resizable:true,modal:true "  <span style="color:#ff0000;">closed="true"</span>><span style="color:#ff0000;">//否则表单一上来就加载</span>
		<form id="fmResultRule
最低0.47元/天 解锁文章
u010097777
关注
专栏目录
Jsp页面弹出输入对话框的实现
FlyByDream的专栏
08-08 1万+
 使用DHTML，可以有两种实现方法：1.通过window.open方法以弹出页面方式实现。2.通过window.showModalDialog方法以弹出对话框方式实现。(推荐)一.通过window.open方法弹出对话框在写JSP页面的时候，有时需要点击一个按钮弹出一个输入对话框，然后输入一个值，确定后关闭对话框，把数据写入数据库，刷新当前页面。这样的功能可以用JavaScrip
JSP中onchange事件不生效问题
u014070902的博客
03-04 3081
咱也不知道，咱也不敢问。我也不认识它，它也不认识我。一顿百度认识了~~ 1、body体里的下拉选框 <tr class="balance" > <td align="right">结算方式<span>*</span><e>:</e></td> <td align="left...
js click 与 onclick 事件绑定,触发与解绑
sinat_27261621的博客
05-15 2091
js click 与 onclick 事件绑定,触发与解绑   click 与 onclick 1.onclick 事件会在对象被点击时发生。 function test() { alert(“我是行间事件”); } 当点击id="btn1"时,触发onclick事件   2.onclick事件会在click事件之前执行 var btn2 = document.g...
jsp中select的onchange事件用法实例.docx
01-20
jsp中select的onchange事件用法实例.docx
jsp常用的onchange事件
farxix的博客
12-11 8369
定义和用法： onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。例如<input>、<select>、<textarea><input type="text" id="name" onchange="myFunction()"><script> function myFunction(){ var x=document.getE
jsp input onchange事件 可以用keyup 替换一下
qq_30063439的博客
01-07 911
$("#JS-money").keyup(function(){ var total=$("#JS-money").val(); var yield='${product.yield}' $("#yushou").text((total*yield)/100); })
JavaScript之oninput和onchange
最新发布
vvull的博客
12-14 398
oninput 当input的value值发生变化时就会触发，与onchange的区别是不用等到失去焦点就可以触发了。
jsp页面input框如何监控数据变化_即时搜索或input实时检测监听输入框变化
weixin_39822673的博客
12-18 1627
如图，常用于搜索验证等。js实现的文本框内容发生改变立马触发事件简单介绍:如何在文本框的内容发生变化的时候，立马触发一个事件执行响应的操作，而不是像是keydow或者keyup事件一样，只能够检测通过键盘输入导致内容的变化， 下面就通过代码实例做一下简单介绍。一.相关知识准备:1.onchange事件:此事件会在元素内容发生改变，且失去焦点的时候触发。浏览器支持度较好。2.onpropertych...
input下拉选择后触发事件（原创）
Sudaofeng520的博客
06-22 5321
1：在平时的开发过程中，难免会遇到&lt;select&gt;&lt;input&gt;下拉框,我们有时候需要在选定下拉内容的同时希望触发事件，在这里有两个选择。如：&lt;select id="ddlApkType" name="ddlApkType" class="select2-selection__rendered" style="width: 114px; height: 29px;&am
input文本框的oninput和onchange失效
weixin_30819085的博客
07-31 4559
1. 当input中value值被js修改后，此时input的oninput和onchange失效 解决： <input type="text" /> <button>赋值</button> <script src="js/jquery.min.js"></script> <script> $(func...
jsp中select的onchange事件用法实例
10-23
主要介绍了jsp中select的onchange事件用法,以实例形式较为详细的分析了JSP数据库查询、遍历及结合JavaScript响应鼠标事件处理select相关技巧,需要的朋友可以参考下
element-ui中select组件绑定值改变,触发change事件方法
10-18
今天小编就为大家分享一篇element-ui中select组件绑定值改变,触发change事件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select 选择同一值触发onchange事件
11-24
web前端小问题，select 选择事件，当选择select同一值触发onchange事件
HTML/JSP下拉框改变触发jquery方法获取值
weixin_43471939的博客
07-16 806
1.给下拉框设置ID或name属性 2.改变值触发 $("[name='terminaladdress']").change(function(){ //获取下拉框的文本 var addresstext=$("select[name='terminaladdress'] option:selected").text(); //获取下拉框的值 var addresstext=$("select[name='terminaladdress'] option:selected").val(); }); j
JSP事件——键盘、鼠标、表单
qq_51507950的博客
05-01 4452
JS事件通常是指用户通过鼠标或者键盘以及其他方式对浏览器或浏览器网页中的某些节点或者元素进行操作，是用户与浏览器交互最为常见的方式。 1.键盘 1、onclick onclick是最常见的鼠标事件，由用户使用鼠标左键点击后触发相应的函数方法。 document.body.onclick = function(){ //点击body元素，触发点击事件 console.log('点击事件触发') } document 指的是当前网页 (文档)对象，function 是定义函数的关键字,conso
input的onchange事件实际触发条件与解决方法
qq_42066649的博客
10-11 4912
input的onchange事件实际触发条件与解决方法   nput中onchange事件已经属于元老级别了，并且现在同onclick一样使用频率很高，然而onchange的机制实际上有很多童鞋并不清楚，我们通过实例来分析这个事件的特征。 触发onchange 首先页面有一个input标签，并且已绑定onchange事件，如： <input type="text" onchange="con...
js中input按钮的事件处理大全
Kill_paradise的博客
07-30 2626
input按钮的事件处理大全 1.<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> 2.<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2> 3.<INPUT onclick=document.all.WebBrows...
jsp 事件
sky_315的博客
06-15 3409
一般事件事件                         浏览器支持        描述onClick                     IE3|N2|O        鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick                IE4|N4|O        鼠标双击事件onMouseDown        IE4|N4|O        鼠标...
JSP的input标签有哪些on事件
06-09
JSP中的input标签可以使用以下on事件： 1. onblur：当元素失去焦点时触发。 2. onchange：当元素的值改变时触发。 3. onfocus：当元素获得焦点时触发。 4. onkeydown：当用户按下键盘上的任何键时触发。 5. onkeyup：当用户释放键盘上的任何键时触发。 6. onmousedown：当用户按下鼠标按钮时触发。 7. onmouseup：当用户释放鼠标按钮时触发。 8. onmousemove：当用户移动鼠标时触发。 9. onmouseover：当鼠标移动到元素上时触发。 10. onmouseout：当鼠标移出元素时触发。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值