Question

如果我们提供折扣，默认价格，折扣后价格，税后价格和总价格，我有一个表格，您可以选择是否为客户纳税。

这就是我所拥有的：

<table width="339" border="0" cellpadding="0">
    <tr>
        <td width="98">Taxes</td>
        <td width="115">Discount</td>
        <td width="118">Default price</td>
    </tr>
    <tr>
        <td>
            <select class="select" name="taxes">
                <option value="no" selected>no taxes</option>
                <option value="yes">19% taxes</option>
            </select>
        </td>
        <td>
            <select class="select" name="discount" onChange="updateInput()">
                <option value="5" selected>5% discount</option>
                <option value="10">10% discount</option>
                <option value="20">20% discount</option>
            </select>
        </td>
        <td>
            <input type="text" class="input140" name="cost" id="cost" value="1000">
        </td>
    </tr>
    <tr>
        <td>Price after discount</td>
        <td>Taxes</td>
        <td>Total Price to pay</td>
    </tr>
    <tr>
        <td>
            <input type="text" name="price" value="">
        </td>
        <td>
            <input type="text" name="taxes" value="0">
        </td>
        <td>
            <input type="text" name="total" value="0">
        </td>
    </tr>
</table>
<script>
    function updateInput() {
        var discount = document.getElementsByName("discount")[0].value;
        var cost = document.getElementsByName("cost")[0].value;
        document.getElementsByName("price")[0].value = cost - (cost * (discount / 100));
    }
</script>

我正在尝试使这个表单起作用，但如果我重复使用的javascript则无效。

这是演示小提琴

https://jsfiddle.net/nte6xqdv/6/

我们的默认价格为1.000工作正常，如果我们为客户增加折扣，它会在折扣后改为罚款

BUT 如果我选择是的税收19％它会改变任何东西，折扣加税后支付的总价格也不起作用。有什么想法吗？

Answer 1

您的代码几乎没问题，只需要一些修改：您使用相同的名称进行选择＆＃34; tax＆＃34;和输入＆＃34;税收＆＃34; （现在＆＃34; ttaxes＆＃34;），你分配了值＆＃34;是＆＃34;到税（我改变了19），最后，复制粘贴你自己的代码来计算折扣（用于计算税收）。现在你只有一件事要做：计算两者的总和（总价）。在这里，注释箭头指出了这些变化：

<html>
  <body>
<table width="339" border="0" cellpadding="0">
  <tr>
    <td width="98">Taxes</td>
    <td width="115">Discount</td>
    <td width="118">Default price</td>
  </tr>
  <tr>
    <td><select class="select" name="taxes" onChange="updateInput()">
      <option value="no" selected>no taxes</option>
      <option value="19">19% taxes</option> <!-- <====================== -->
    </select></td>
    <td><select class="select" name="discount" onChange="updateInput()">
      <option value="5" selected>5% discount</option>
      <option value="10">10% discount</option>
      <option value="20">20% discount</option>
    </select></td>
    <td><input type="text" class="input140" name="cost" id="cost" value="1000"></td>
  </tr>
  <tr>
    <td>Price after discount</td>
    <td>Taxes</td>
    <td>Total Price to pay</td>
  </tr>
  <tr>
    <td><input type="text" name="price" value=""></td>
    <td><input type="text" name="ttaxes" value="0"></td> <!-- <====================== -->
    <td><input type="text" name="total" value="0"></td>
  </tr>
</table>
<script type="text/javascript">
function updateInput(){
    var discount = document.getElementsByName("discount")[0].value;
    var cost = document.getElementsByName("cost")[0].value;
    document.getElementsByName("price")[0].value = cost - (cost * (discount / 100));

    var taxes = document.getElementsByName("taxes")[0].value; // <======================
    if ( isNaN( taxes ) ) // IF "no taxes" IS SELECTED...
         document.getElementsByName("ttaxes")[0].value = 0;
    else { cost = document.getElementsByName("cost")[0].value;
           document.getElementsByName("ttaxes")[0].value = (cost * (taxes / 100));
         }

    document.getElementsByName("total")[0].value = 
      parseFloat( document.getElementsByName("price")[0].value ) +
      parseFloat( document.getElementsByName("ttaxes")[0].value );
}
</script>
  </body>
</html>

html表单输入javascript和字段

1 个答案: