当第二个值设置为文本时,如何在文本字段上设置总和值?

时间:2013-12-08 14:34:34

标签: javascript php mysql sql

这是我的演示线。

<input type="text" id="my_input1" />
<input type="text" id="my_input2" />
<input type="text" id="total" />
<input type="button" value="Add Them Together" onclick="doMath();" />
<script type="text/javascript">
function doMath()
{
    // Capture the entered values of two input boxes
    var my_input1 = document.getElementById('my_input1').value;
    var my_input2 = document.getElementById('my_input2').value;

    // Add them together and display
    var sum = parseFloat(my_input1) + parseFloat(my_input2);
    document.getElementById('total').value=sum;
}


我想在my_input2输入它的值时使用这个函数。就像按钮的onclick方法是否有任何事件在键释放事件后将值设置为总tetxfeild?

3 个答案:

答案 0 :(得分:0)

onkeyup()放在第二个输入字段上,这将触发您的函数。

类似的东西:

<input type="text" id="my_input2" onkeyup="doMath();" />  

答案 1 :(得分:0)

试试这个 <input type="text" id="my_input2" onchange="doMath();" />

答案 2 :(得分:0)

   <script type="text/javascript">
    $(document).ready(function () {


        $("#my_input2").blur(function () {
            var sum = parseInt($("#my_input1").val()) + parseInt($("#my_input2").val());

            $("#total").val(sum);

        });


    });

</script>


<div>
    <input type="text" id="my_input1" />
    <input type="text" id="my_input2" />
    <input type="text" id="total" />
    <input type="button" value="Add Them Together" />

</div>

而且你应该正确构建你的问题bcz你已经在按钮点击中添加了代码并且在离开文本框后要求我们它应该工作