实例:编写一个输入计算(被减数-减数=差)。
HTML:
<body> <table> <thead> <tr> <td >被减数</td> <td>减数</td> <td>差</td> </tr> </thead> <tbody id="tab1"> <tr id="0"> <td><input type="text" value="40"/></td> <td><input type="text" value=""/></td> <td><input type="text" value=""/></td> </tr> <tr id="1"> <td><input type="text" value="50"/></td> <td><input type="text" value=""/></td> <td><input type="text" value=""/></td> </tr> <tr id="2"> <td><input type="text" value="60"/></td> <td><input type="text" value=""/></td> <td><input type="text" value=""/></td> </tr> </tbody> </table> </body>
JavaScript:
$(document).ready(function() { $("#tab1 tr").each(function(){ var trs=[]; var tr=$(this); $(tr).find("input").each(function(){ trs.push($(this)); }); $(trs[1]).bind("blur",function(){ trs[2].val(parseFloat(trs[0].val())-parseFloat(trs[1].val())); }); }); });
效果图:
注:表弟说不知道怎么实现,于是就有了此文。
时间: 2024-10-18 13:04:28