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

更新于
2016-01-09

<!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>

css javascript

阅读 3.3k

2 个回答

得票最新

limi58

50237

发布于
2016-01-09

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

酱紫就好啦

Karon_

1.1k81828

发布于
2016-01-09

更新于
2016-01-09

$(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》

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

为什么会出现CORS error？