Question

经过2天的搜索，我放弃了。我有一个表单，需要在输入总价中添加（自动填充）税，但这很简单：

<form name="form" action="go.php">

<input name="cost" type="text">

<input name="costplustax" type="text" value=" here we autofill cost +19%>

<input type="submit" value="ready to mysql">

我无法对javascript测试很多例子，但都很复杂。我只需要用成本加税来自动填充输入costplustax

例如

成本100.000 因为税率为19％，我们使用onblur或onMouseOver自动填充输入 119.000

怎么做？

Answer 1

首先为元素添加一个ID（这使得使用JS引用元素更容易）。实施例

<input name="cost" type="text">

成为

<input name="cost" ID="cost" type="text">

您需要添加一个脚本标记来存放JS代码，如此

<script>
  var taxPerc = .19; 
  document.getElementById("cost").onblur = function(){
    document.getElementById("costplustax").value = parseFloat(document.getElementById("cost").value) * (1.00 + taxPerc)
  }
</script>

Answer 2

    <form name="form" action="go.php">
        <input id='cost' name="cost" type="text">
        <input id='costplustax' name="costplustax" type="text">
        <input type="submit" value="ready to mysql">
    </form>

    <script type='text/javascript'>
        var cost=document.getElementById('cost');
        var cpt=document.getElementById('costplustax');

        function prefill(event){
            var cv=parseFloat( cost.value );
            if( cv && !isNaN( cv ) ) cpt.value=cv + cv * 0.19;
        }
        cost.addEventListener('blur',prefill,false );
    </script>

javascript onblur onMouseOver计算税和自动填充表单输入

2 个答案: