【javascript】根据复选框选中的商品，计算总额 | 根据选择的样式进行变换

Jeep_Dom

于 2013-11-29 19:42:17 发布

阅读量4.4k

点赞数 1

分类专栏： Javascript 文章标签： javascript checkbox option text-transform

本文链接：https://blog.youkuaiyun.com/jeep_ouc/article/details/17029027

版权

本文介绍了如何使用JavaScript根据用户选中的复选框商品动态计算总额，并根据选择的样式进行相应的页面变换。通过监听复选框状态和处理样式选择，实现了交互式的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据复选框选中的商品，计算总额

<script type="text/javascript">
	function getsum(){   //根据选择的复选框，计算资金总和
		var items = document.getElementsByName("item");
		var sum = 0 ;
		for(var x=0;x<items.length;x++){
			if(items[x].checked)
				sum += parseInt(items[x].value);
		}
		var spanNode = document.getElementById("sum");
		spanNode.innerHTML = sum +"元" ; 
	}
	function checkall(index){   //实现可以全选功能
		var checkNode = document.getElementsByName("all")[index];
		var items = document.getElementsByName("item");
		for(var x=0;x<items.length;x++){
			 items[x].checked = checkNode.checked;
		}
	}
</script>

<style type="text/css">
	
</style>

</head>
<body>
	<input type="checkbox" name="all" οnclick="checkall(0)"/>全选<br />
	<input type=

最低0.47元/天解锁文章