【问题标题】:selection using getElementbyname使用 getElementsbyname 进行选择
【发布时间】:2019-10-16 14:21:32
【问题描述】:

所以我们假设为多个单选按钮、不同类型的不同价格的玉米饼编写脚本,然后我们要计算总和并显示它。到目前为止,这是我的 javascript,我觉得我只是错过了几个步骤

function btnCalculate_onclick()
    {  
        var taco = document.getElementsByName("radTaco");
        var total = document.getElementById("txtTotal");
        var deliv = document.getElementById("chkDelivery");
        var tax = 1.13 
        var totalPrice = 0;
        var delivCost = parseFloat(deliv.value);

        for( var i = 0; i < taco.length; i++)
        {           
            if(taco[i].checked)
            {
                if(deliv.checked)
                    totalPrice + delivCost;

                totalPrice = parseFloat(taco[i].value);
                tax = totalPrice * 1.13;
                totalPrice + tax;  
                break;
            }   
        }

    total.value = totalPrice.value;  
    }

【问题讨论】:

  • 这看起来很可疑的 Java。这是什么版本?
  • 你得到正确的值了吗?你能再解释一下吗?预期的结果是什么?
  • 预期结果是展示盒中的炸玉米饼价格含税,用户还可以选择添加运费
  • totalPrice + delivCost;totalPrice + tax; 什么都不做 - 实际上您将两者相加,然后丢弃结果 = 您需要将结果分配给某些东西。
  • 为了创建mcve,我将删除 document.getElementsByName 并只删除硬编码值,以便人们可以更轻松地重现您的问题。

标签: javascript java arrays radio-button getelementsbytagname


【解决方案1】:

totalPrice + delivCost;totalPrice + tax; 什么都不做 - 实际上你将两者相加,然后丢弃结果 = 你需要将结果分配给某些东西。

我还要在获得价值后加上运费

function btnCalculate_onclick() {

    var taco = document.getElementsByName("radTaco");
    var total = document.getElementById("txtTotal");
    var deliv = document.getElementById("chkDelivery");
    var tax = 1.13 
    var totalPrice; // no need to initialise
    var delivCost = parseFloat(deliv.value);

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

        if(taco[i].checked)
        {
            totalPrice = parseFloat(taco[i].value);

            if(deliv.checked)
                totalPrice += delivCost;


            tax = totalPrice * 1.13;

            totalPrice += tax;

            break;
        }

    }

    total.value = totalPrice.value

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-09-04
    • 2014-04-14
    • 2015-07-16
    • 1970-01-01
    • 2011-01-29
    • 2017-03-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多