请教大神，关于JQ val（）方法的使用，谢谢！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.3.min.js" ></script>
<script>
$(function(){
     var O1=$("in1");
     var O2=$("in2");
     var O3=$("in3");
     var Ojisuan=$("jisuan");
                
        Ojisuan.click(function(){
            
            O3.val()/*我想的是让第三个input值等于前两个input值相加，但是到这里不知道该怎么写了*/
            
            
            
        })    
</script>
<style>
input{ width:45px;
       height:25px;}
#jisuan{ background-color:#FF9;
         border:0;}
div{ font-weight:bold; 
     font-size:36px;}
</style>
</head>

<body>
<div>你可以输入数字来进行加法运算:</div>
<br/>
<br/>
<br/>
<input type="text" id="in1"/>+<input type="text" id="in2">=<input type="type" id=in3>
<input type="button" value="计算" id="jisuan">
</body>
</html>

$(function () {
    var O1 = $("#in1");
    var O2 = $("#in2");
    var O3 = $("#in3");
    var Ojisuan = $("#jisuan");

    Ojisuan.click(function () {
        O3.val((+O1.val()) + (+O2.val());
    })    
});

O1.val()、O2.val() 所得值为String，需转为数字才可相加，用一元操作符转换方便。

对于非数值应用一元操作符，该类型会像Number()转型函数一样对这个值执行转换。《JavaScript高级程序设计P38》

Ojisuan.click(function(){
    var sum = Number(O1.val()) + Number(O2.val())
    O3.val(sum)
})

酱紫就好啦

O3.val( (O1.val() << 0)  +  (O2.val() >> 0) );

附完整代码:

$(function(){
    var O1=$("#in1");
    var O2=$("#in2");
    var O3=$("#in3");
    var Ojisuan=$("#jisuan");

    Ojisuan.click(function(){
        O3.val( (O1.val() << 0)  +  (O2.val() >> 0) );
    });
});

另外你的代码中的好几处错误,见下图:

与黑色箭头所指的位置, 少了一个对应的 })
绿色箭头指的, 你用ID命中的,但你没有写 # 号.

【热门文章】