Javascript实现checkbox的全选
<input type="checkbox" name="all" onclick="checkAll(this)"/>全选<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="checkbox" name="item" value="3000" />3000<br />
<input type="button" value="总和" onclick="getSum(this)"/> <span id="spanId"></span>
<script type="text/javascript">
function getSum()
{
var itemNodes = document.getElementsByName("item");
var sum = 0;
for(var i=0; i<itemNodes.length; i++)
{
if(itemNodes[i].checked)
{
sum += parseInt(itemNodes[i].value);
}
}
var spanNode = document.getElementById("spanId");
var str = sum + "元";
spanNode.innerHTML = str.fontsize(10);
}
function checkAll(checkallNode)
{
var itemNodes = document.getElementsByName("item");
for(var i=0; i<itemNodes.length; i++)
{
itemNodes[i].checked = checkallNode.checked;
}
}
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
