购物车实现修改数量价格即时更改

oubo219 2009-12-05 11:51:19

修改某个商品的数量时对应的小计和总计都改变，我用的是struts,提供点示例，先谢了

...全文

428 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

oubo824219 2009-12-07

打赏
举报

[Quote=引用 8 楼 zla85 的回复:]
你是不是想要这种效果呢，拷贝下面的代码，在桌面新建一个a.html 文件，然后用记事本打开，把代码粘贴进去，看看效果

HTML code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Test.html</title><scripttype="text/JavaScript">function change(flag,value){with(document.form2){var totle=0;for (var i=0 ; i< elements.length ; i++){if (elements[i].type=="text"){
totle= totle+ Number(elements[i].value)*document.getElementById(i).value;
}
document.getElementById('totle').innerHTML= totle;
}
document.getElementById(flag).innerHTML= value* document.getElementById(flag).value;
}
}</script></head><body><formname=form2action="">
葵花宝典单价:4 元输入你要购买的数量<inputtype=textonchange="javascript:change('0',this.value)"/> 小计：<spanid="0" value=4></span><br/>
壮阳大法单价:8 元输入你要购买的数量<inputtype=textonchange="javascript:change('1',this.value)"/> 小计：<spanid="1" value=8></span><br/><br/>
总计:<spanid="totle"></span></form></body></html>
[/Quote]

同意。非常正确

zy0402 2009-12-07

打赏
举报

文本框改变时，触发一个事件，给小计赋值

orphen_lee 2009-12-05

打赏
举报

一般的都是用ajax去刷新

bea_java 2009-12-05

打赏
举报

修改数量后修改价格,第一种是用ajax去刷新数据.

第二个是修改数量后点一个按钮然后去修改session 里边的值.需要跳转一下.

kael_fk_ 2009-12-05

打赏
举报

说明白点啊

kael_fk_ 2009-12-05

打赏
举报

说明白天啊

阿拉希神猪 2009-12-05

打赏
举报

你是不是想要这种效果呢，拷贝下面的代码，在桌面新建一个a.html 文件，然后用记事本打开，把代码粘贴进去，看看效果



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>Test.html</title>

	<script type="text/JavaScript">

		function change(flag,value){

			with(document.form2){

				var totle = 0;

				for (var i = 0 ; i < elements.length ; i ++){

					if (elements[i].type=="text"){

						  totle = totle + Number(elements[i].value)*document.getElementById(i).value;

		       		}

					document.getElementById('totle').innerHTML = totle;

				}

				document.getElementById(flag).innerHTML = value * document.getElementById(flag).value;

			}

		}

	</script>

  </head>

  <body>

  	<form name=form2 action="" >

  	葵花宝典  单价:4 元  输入你要购买的数量<input type=text  onchange="javascript:change('0',this.value)"/>  小计：<span id="0" value=4></span><br/>

	壮阳大法  单价:8 元  输入你要购买的数量<input type=text   onchange="javascript:change('1',this.value)"/>  小计：<span id="1" value=8></span><br/>

	

	<br/>

	总计:<span id="totle"></span>

	

	</form>

  </body>

</html>