首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

input 取值,并计算,该如何处理

2013-11-12 
input 取值,并计算,我想点击+,-按钮,改变数量,并改变小计的值,一个容易实现,但是多个怎么实现?看图,html?j

input 取值,并计算,

我想点击+,-按钮,改变数量,并改变小计的值,一个容易实现,但是多个怎么实现?看图, html? jsp
[解决办法]
你可以这样做,在打印的时候每一行给出一个id
那么第一行可以是0,那么第一行的输入框的id为 input_0
写一个方法


<table>
<tr>
<td>
<input type="button" value="+" onclick="show_num('input_0',this)"/>
</td>
<td>
<input type="text" value="1" id="input_0"/>
</td>
<td>
<input type="button" value="-" onclick="show_num('input_0',this)"/>
</td>
</tr>
<tr>
<td>
<input type="button" value="+" onclick="show_num('input_1',this)"/>
</td>
<td>
<input type="text" value="1" id="input_1"/>
</td>
<td>
<input type="button" value="-" onclick="show_num('input_1',this)"/>
</td>
</tr>
<tr>
<td>
<input type="button" value="+" onclick="show_num('input_2',this)"/>
</td>
<td>
<input type="text" value="1" id="input_2"/>
</td>
<td>
<input type="button" value="-" onclick="show_num('input_2',this)"/>
</td>
</tr>
</table>
function show_num(input_id,item){
var target=document.getElementById(input_id);
var sign=item.value;
console.log(sign);
var val=parseInt(target.value);
if(sign=="+"){
val=val+1;
}else{
val=(val-1)>0?(val-1):0;
}
target.value=val;
}


热点排行