永发信息网

用JavaScript编写多个文本框+复选框求和,只有复选框被选择时候才生效,具体可看图

答案:2  悬赏:10  手机版
解决时间 2021-01-30 21:03
  • 提问者网友:送舟行
  • 2021-01-30 14:18
用JavaScript编写多个文本框+复选框求和,只有复选框被选择时候才生效,具体可看图
最佳答案
  • 五星知识达人网友:怀裏藏嬌
  • 2021-01-30 15:23


  


RunJS 演示代码


  


  
全部回答
  • 1楼网友:玩世
  • 2021-01-30 16:23

要先获取复选框的集合,然后再遍历,选中的话就进入计算累加。如:var arr=document.form.name["checkbox"];//这种获取方式很少用了
var amount=0;//总价格
for(var i=0;i    var ele=arr[i];
    if(ele.checked){//判断是否被选中,被选中就获取前面的输入框,并相加
        var inpEle=ele.parentNode.previousSbiling.firstChild;//获取复选框的父节点的兄弟节点的子节点
        var val=inpEle.value;//输入框的内容
        if(val!=''&& !isNaN(val)){//判断内容是否为数字
            amount=amount+parseFloat(val);
        }
    }
}
我只是提供一个思路,代码不能直接在浏览器运行。如果用jQuery的话,获取复选框或输入框就方便点。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯