如何用js控制表单input的数据
<form><table><tr><td><inputtype="text"name="uprice"id="uprice"/><inputtype="text"name...
<form>
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" />
<input type="text" name="num" id="num"
<input type="text" name="tprice" id="tprice"/>
</td>
</tr>
</table>
</form>
我想如何用js使tprice的值是 uprice*num，最好有个按钮当我点击它的时候只要uprice和num有值就把它两的乘积赋值个tprice 展开
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" />
<input type="text" name="num" id="num"
<input type="text" name="tprice" id="tprice"/>
</td>
</tr>
</table>
</form>
我想如何用js使tprice的值是 uprice*num，最好有个按钮当我点击它的时候只要uprice和num有值就把它两的乘积赋值个tprice 展开
3个回答
展开全部
首先看你有没有使用第三方js库，例如jquery
在没有使用jquery等第三方库的情况下，首先要获得该元素，原生js可以使用document.getElementById(id)方法通过input元素的id来获得该元素对象，然后通过对象的value属性来控制input的数据，例如：
获取值
document.getElementById(id).value = "";
获取值
var value = document.getElementById(id).value;
如果使用Jquery库就会很方便，使用Jquery选择器可以根据id，class，属性，标签名等查找元素获取元素对象，通过val()方法获取或设置input的值。
Jquery选择器的使用可以参考一下网址内容：
http://www.w3school.com.cn/jquery/jquery_selectors.asp
在没有使用jquery等第三方库的情况下，首先要获得该元素，原生js可以使用document.getElementById(id)方法通过input元素的id来获得该元素对象，然后通过对象的value属性来控制input的数据，例如：
获取值
document.getElementById(id).value = "";
获取值
var value = document.getElementById(id).value;
如果使用Jquery库就会很方便，使用Jquery选择器可以根据id，class，属性，标签名等查找元素获取元素对象，通过val()方法获取或设置input的值。
Jquery选择器的使用可以参考一下网址内容：
http://www.w3school.com.cn/jquery/jquery_selectors.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript">
document.myform.tprice.value=document.myform.uprice.value*document.myform.num.value
</script>
</body>
</html>
//用按钮
<html>
<body>
<form name="myform">
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" value="2"/>
<input type="text" name="num" id="num" value="4"/>
<input type="text" name="tprice" id="tprice"/>
<input type="button" onclick="doit();">
</td>
</tr>
</table>
</form>
<script language="javascript">
function doit(){
document.myform.tprice.value=document.myform.uprice.value*document.myform.num.value
}
</script>
</body>
</html>
document.myform.tprice.value=document.myform.uprice.value*document.myform.num.value
</script>
</body>
</html>
//用按钮
<html>
<body>
<form name="myform">
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" value="2"/>
<input type="text" name="num" id="num" value="4"/>
<input type="text" name="tprice" id="tprice"/>
<input type="button" onclick="doit();">
</td>
</tr>
</table>
</form>
<script language="javascript">
function doit(){
document.myform.tprice.value=document.myform.uprice.value*document.myform.num.value
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function v(){
var u =document.getElementById("uprice").value;
var n =document.getElementById("num").value;
if(!isNaN(u) && u !='' && !isNaN(n) && n!='')document.getElementById("tprice").value =u *n;
}
</script>
<form>
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" />
<input type="text" name="num" id="num" />
<input type="text" name="tprice" id="tprice"/>
<input type="button" value="计算" onclick="v()" />
</td>
</tr>
</table>
</form>
function v(){
var u =document.getElementById("uprice").value;
var n =document.getElementById("num").value;
if(!isNaN(u) && u !='' && !isNaN(n) && n!='')document.getElementById("tprice").value =u *n;
}
</script>
<form>
<table>
<tr>
<td>
<input type="text" name="uprice" id="uprice" />
<input type="text" name="num" id="num" />
<input type="text" name="tprice" id="tprice"/>
<input type="button" value="计算" onclick="v()" />
</td>
</tr>
</table>
</form>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
