关于遍历<input>的值,求和的问题 遍历javascript 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <html><head> <title>Index</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script> <style> </style></head> <body> <table> <tr> <td>单价</td> <td>重量</td> <td>金额</td> </tr> <tr> <td>3</td> <td><input type="text" name="weight"></td> <td><input type="text"></td> </tr> <tr> <td>4</td> <td><input type="text" name="weight"></td> <td><input type="text"></td> </tr> <tr> <td>5</td> <td><input type="text" name="weight"></td> <td><input type="text" name=""></td> </tr> <tr> <td>合计</td> <td><input type="text" name="weight"></td> <td><input type="text"></td> </tr> </table> </body> <script> $(function(){ $('input[name=weight]').blur(function(){ var price = $(this).parent().prev().html(); var sumInput = $(this).parent().next().find('input'); var weight = $(this).val(); $(sumInput).val(price * weight); });});</script></html> <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <table> <tr> <td>单价</td> <td>重量</td> <td>金额</td> </tr> <tr> <td>3</td> <td><input type="text"></td> <td><input type="text"></td> </tr> <tr> <td>4</td> <td><input type="text"></td> <td><input type="text"></td> </tr> <tr> <td>5</td> <td><input type="text"></td> <td><input type="text"></td> </tr> <tr> <td>合计</td> <td><input id="c1" type="text"></td> <td><input id="c2" type="text"></td> </tr> </table><script> var d=$('table tr:not(:last) td:nth-child(2n) input').change(function(){ d.each(function(){ $(this).parent().next().find('input').val((parseFloat(this.value)*parseFloat($(this).parent().prev().text()))||''); }); $('#c1').val(eval(d.map(function(){return parseFloat(this.value)||0}).get().join('+'))); $('#c2').val(eval($('table tr:not(:last) td:nth-child(2n+1) input').map(function(){return parseFloat(this.value)||0}).get().join('+'))); })</script> $(function(){ var w_inps = $('tr:gt(0):not(:last) td:nth-child(2)>:text'); var m_inps = $('tr:gt(0):not(:last) td:nth-child(3)>:text'); w_inps.keyup(function(){ var w = this.value,d = $(this).parent().prev().text() * 1; if(w){ $(':text',$(this).parent().next()).val(w * d); $('tr:last :text:eq(0)').val(eval(w_inps.map(function(){return this.value || 0 }).get().join('+'))); $('tr:last :text:eq(1)').val(eval(m_inps.map(function(){return this.value || 0 }).get().join('+'))); } })}) 系统alert()中断功能是如何实现的? Ext4 treepanel控件绑定事件 梅花雨大师进来看看 How to make my onmouseover function and onmouseout function work? 如何改变触发目标?急死我了。高手进 null和undefined有什么区别? Jquery Dialog怎么用,郁闷! 这段代码是类吗? 如何在网页打开时,用户名输入框就得到焦点? 请问如何调用JS文件 前端判断引发的所有异步操作的结束 my97DatePicker控件如何将日历面板变大,因需要手机访问
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script>
<style>
</style>
</head>
<body>
<table>
<tr>
<td>单价</td>
<td>重量</td>
<td>金额</td>
</tr>
<tr>
<td>3</td>
<td><input type="text" name="weight"></td>
<td><input type="text"></td>
</tr>
<tr>
<td>4</td>
<td><input type="text" name="weight"></td>
<td><input type="text"></td>
</tr>
<tr>
<td>5</td>
<td><input type="text" name="weight"></td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>合计</td>
<td><input type="text" name="weight"></td>
<td><input type="text"></td>
</tr>
</table>
</body>
<script>
$(function(){
$('input[name=weight]').blur(function(){
var price = $(this).parent().prev().html();
var sumInput = $(this).parent().next().find('input');
var weight = $(this).val();
$(sumInput).val(price * weight);
});
});
</script>
</html>
<table>
<tr>
<td>单价</td>
<td>重量</td>
<td>金额</td>
</tr>
<tr>
<td>3</td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td>4</td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td>5</td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td>合计</td>
<td><input id="c1" type="text"></td>
<td><input id="c2" type="text"></td>
</tr>
</table>
<script>
var d=$('table tr:not(:last) td:nth-child(2n) input').change(function(){
d.each(function(){ $(this).parent().next().find('input').val((parseFloat(this.value)*parseFloat($(this).parent().prev().text()))||'');
});
$('#c1').val(eval(d.map(function(){return parseFloat(this.value)||0}).get().join('+')));
$('#c2').val(eval($('table tr:not(:last) td:nth-child(2n+1) input').map(function(){return parseFloat(this.value)||0}).get().join('+')));
})
</script>
$(function(){
var w_inps = $('tr:gt(0):not(:last) td:nth-child(2)>:text');
var m_inps = $('tr:gt(0):not(:last) td:nth-child(3)>:text');
w_inps.keyup(function(){
var w = this.value,d = $(this).parent().prev().text() * 1;
if(w){
$(':text',$(this).parent().next()).val(w * d);
$('tr:last :text:eq(0)').val(eval(w_inps.map(function(){return this.value || 0 }).get().join('+')));
$('tr:last :text:eq(1)').val(eval(m_inps.map(function(){return this.value || 0 }).get().join('+')));
}
})
})