<input type="text" id="aa" />
<input type="text" id="bb" />
<input type="text" id="cc" />
<button>相加</button>
<script>
function sum(){
var val1=$('#aa').val().trim();
varl1=parseInt(val1);
var val2=$('#bb').val().trim();
varl2=parseInt(val2);
var val3=val1+val2;
var cc=$('#cc').val();
cc=val3;
}
$('button').click(function(){
sum();
});
</script>
@kikong 的答案是正确的,jquery基本用法,你把#cc的值取出来赋给cc,但并没有把相加后的值再赋给他
对第三个input的赋值操作错了。
//转化为数字
function toNumber(num){
return $.isNumeric(num)?num-0:0;
};
//求和
function sum(){
$('#cc').val(toNumber($('#aa').val())+toNumber($('#bb').val()));
}
$('button').click(function(){
sum();
});
变量名有问题!
并未对第三个输入框赋值
http://www.php100.com/manual/jquery/
<script>
function sum(){
var val1=$('#aa').val().trim();
val1=parseInt(val1)||0;//处理非数字
var val2=$('#bb').val().trim();
val2=parseInt(val2)||0;//处理非数字
var val3=val1+val2;
$('#cc').val(val3);//赋值
}
$('button').click(function(){
sum();
});
</script>
function sum(){
var val1=$('#aa').val();
var val2=$('#bb').val();
var val3=parseInt(val1)+parseInt(val2);
var cc=parseInt($('#cc').val());
cc+=val3;
}
$('button').click(function(){
sum();
});
function sum() {
var val1 = $('#aa').val().trim();
varl1 = parseInt(val1);
var val2 = $('#bb').val().trim();
varl2 = parseInt(val2);
var val3 = val1 + val2;
$('#cc').val(val3);
}
$('button').click(function() {
sum();
});
主要是这句
var cc=$('#cc').val();
cc=val3;
这里是得到cc的值,为空,然后把val3的值赋给cc并没有进行操作。所以浏览器的输入框并不会出现val1+val2的值
jq改变input输入内容的方法为
$('选择器').val('值')