JS怎么实现checkbox选中后的值累加
小弟初学JS,现在想实现一个统计效果!当点击统计选中的行的汇总结果显示在下面对应的方框里面!能在选中checkbox一行时,自动统计显示结果到下方对应方框中更好汇总结果就...
小弟初学JS,现在想实现一个统计效果!
当点击统计选中的行的汇总结果显示在下面对应的方框里面!
能在选中checkbox一行时,自动统计显示结果到下方对应方框中更好
汇总结果就是来往数量总和以及来往金额总和,显示在下方单元格里面就可以了!
其中每一行的来往数量和来往金额通过
<input name="textfield1" type="text" id="textfield1" value="1" />传递 展开
当点击统计选中的行的汇总结果显示在下面对应的方框里面!
能在选中checkbox一行时,自动统计显示结果到下方对应方框中更好
汇总结果就是来往数量总和以及来往金额总和,显示在下方单元格里面就可以了!
其中每一行的来往数量和来往金额通过
<input name="textfield1" type="text" id="textfield1" value="1" />传递 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
var chkItem = $('input[name=chkItem]');
chkItem.click(function(){
$('#sumid').html(sum());
});
});
/**
*@功能 计算总和
*@param null
*@return int
**/
function sum(){
var valueArr= $('input[name=chkItem]');
var sumValue=0;
valueArr.each(function(index, element) {
if($(this).is(":checked")){
if(isNaN(valueArr[index].value)||valueArr[index].value==null||valueArr[index].value==""){
sumValue +=0;
}else{
sumValue +=parseFloat(valueArr[index].value);//强制转换为数字
}
}
});
if(sumValue>0){
sumValue = parseInt(sumValue);
}
else{
sumValue = 0;
}
return sumValue;
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input name="chkItem" type="checkbox" value="1" />1
<input name="chkItem" type="checkbox" value="2" />2
<input name="chkItem" type="checkbox" value="3" />3
<br />
总和：<spam id="sumid"></span>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
var chkItem = $('input[name=chkItem]');
chkItem.click(function(){
$('#sumid').html(sum());
});
});
/**
*@功能 计算总和
*@param null
*@return int
**/
function sum(){
var valueArr= $('input[name=chkItem]');
var sumValue=0;
valueArr.each(function(index, element) {
if($(this).is(":checked")){
if(isNaN(valueArr[index].value)||valueArr[index].value==null||valueArr[index].value==""){
sumValue +=0;
}else{
sumValue +=parseFloat(valueArr[index].value);//强制转换为数字
}
}
});
if(sumValue>0){
sumValue = parseInt(sumValue);
}
else{
sumValue = 0;
}
return sumValue;
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input name="chkItem" type="checkbox" value="1" />1
<input name="chkItem" type="checkbox" value="2" />2
<input name="chkItem" type="checkbox" value="3" />3
<br />
总和：<spam id="sumid"></span>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我个你写个意思，你自己套用你的程序
<script>
function sum_val(){
var sum = 0;
var t = document.getElementsByTagName('input');
if ( t.length == 0 ) return;
var m = t.length;
for ( var i=0; i<m; i++ ){
if ( t[i].id !='' ){
sum += parseInt(t[i].id);
}
}
document.getElementById('sum').innerHTML = sum;
}
</script>
<input type="checkbox" id="200" />
<input type="checkbox" id="300" />
<input type="button" value="sub" onclick='sum_val()' />
<script>
function sum_val(){
var sum = 0;
var t = document.getElementsByTagName('input');
if ( t.length == 0 ) return;
var m = t.length;
for ( var i=0; i<m; i++ ){
if ( t[i].id !='' ){
sum += parseInt(t[i].id);
}
}
document.getElementById('sum').innerHTML = sum;
}
</script>
<input type="checkbox" id="200" />
<input type="checkbox" id="300" />
<input type="button" value="sub" onclick='sum_val()' />
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
显示在下面哪里对应的方框里面？汇总结果是什么？这个没明白
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
