【java web】通过jquery实现在页面不刷新的情况下获取并修改value属性

注：本功能需要用到jquery框架，如何添加jquery本文暂不做介绍

若想获取或修改value属性，需要用到jquery中的val方法

用法如下：

当val无参数时表示获取指定元素的value值，如：

<script type="text/javascript"> function test(){ var a=$("#a").val(); alert(a); } </script> <input id="a" value="啦啦啦"/> <button οnclick="test()">按钮</button>运行结果：

当val有参数时表示将该元素的value属性值修改为参数中的值，如：

<script type="text/javascript"> function test(){ $("#a").val("哈哈哈"); } </script> <input id="a" value="啦啦啦"/> <button οnclick="test()">按钮</button>

运行结果： 点击按钮之前

点击按钮之后

该功能非常使用，使用实例如下：

代码：

<script type="text/javascript"> function add() { var a = parseInt($("#num").val()) + 1; $("#num").val(a); } function minus() { var a = parseInt($("#num").val()) - 1; $("#num").val(a); } </script> <input id="num" value="0" disabled /> <button οnclick="add()">+</button> <button οnclick="minus()">-</button>运行结果：

解释：可通过+、-按钮来实现对文本框中的值进行增加或减少，可用于修改数据