【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 onclick="test()">按钮</button>

运行结果：

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

<script type="text/javascript">
function test(){
	$("#a").val("哈哈哈");
}
</script>
<input id="a" value="啦啦啦"/>
<button onclick="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 onclick="add()">+</button>
	<button onclick="minus()">-</button>

运行结果：

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