Question

如何添加我的文本框1和2值并传递给文本框3？

<input name="1" id="1" value="" >
    <input name="2" id="2" value="" >

        <input name="3" id="3" value="" readonly>

这是我的小提琴http://jsfiddle.net/Zy46N/6/

Answer 1

Fiddle Demo

添加两个空格分隔的字符串。

var input = $('[name="1"],[name="2"]'),
    input1 = $('[name="1"]'),
    input2 = $('[name="2"]'),
    input3 = $('[name="3"]');
input.change(function () {
    input3.val(input1.val() + ' ' + input2.val());
});

<小时/> 添加两个数字

isNaN()

如果它不是有效数字，则取值0

Fiddle Demo

var input = $('[name="1"],[name="2"]'),
    input1 = $('[name="1"]'),
    input2 = $('[name="2"]'),
    input3 = $('[name="3"]');
input.change(function () {
    var val1 = (isNaN(parseInt(input1.val()))) ? 0 : parseInt(input1.val());
    var val2 = (isNaN(parseInt(input2.val()))) ? 0 : parseInt(input2.val());
    input3.val(val1 + val2);
});

Answer 2

使用class selector添加textboxes，使用字母数字ids。使用parseFloat将text转换为number。

<强> Live Demo

$('.common').change(function () {
    $('#id3').val(parseFloat("0"+$('#id1').val()) + parseFloat("0"+$('#id2').val()));
});

Answer 3

在你的javascript函数中使用它。

var sum=$("#txtbox1").val()+$("#txtbox2").val();
// Assign sum to third textbox
$("#txtbox3").val(sum);

Answer 4

试试这个

$('input').change(function() {
   $('[name="3"]').val(parseInt($("#1").val())+(parseInt($("#2").val())));
});

DEMO

Answer 5

您可以使用val并更改jquery中的函数

$("#1, #2").change(function(){
     var val1 = $("#1").val(),
         val2 = $("#2").val();
     $("#3").val(val1 + val2);
});

Answer 6

试试这个

    $('input').change(function() {
    if($('[name="1"]').val()!=="" && $('[name="2"]').val()!=="")
    {
   $('[name="3"]').val(parseInt($("#1").val())+(parseInt($("#2").val())));
    }
    else
    {
        $('[name="3"]').val("");
    }
});

Answer 7

您的代码本身正在运行，只需要稍微改变一下。

$('[name="1"], [name="2"]').change(function() {
   $('[name="3"]').val($('#1').val() + $('#2').val());
});

小提琴sample.

如何添加两个文本框值并传递给另一个文本框？

7 个答案: