日期:2014-05-16  浏览次数:20732 次

input 取值,并计算,
本帖最后由 erbao_vip 于 2013-11-06 13:14:13 编辑
我的input:

<td>
${g.newPrice}<input type="hidden" class="oneprice" value="${g.newPrice}">
</td>

<td><input type="button" value=" - "
size="3" class="l_i" id="lost">&nbsp;

 <input value="1"
size="2" id="number" maxlength="2" name="buynumbers"
class="number"
onkeyup="this.value=this.value.replace(/[^\d]/g,'') "> 



<input type="button" value=" + " size="3" id="add" class="a_i">

</td>

<td><input value="${g.newPrice}"
id="all" class="all" name="totalprice_one" readonly="readonly"
disabled="disabled"></td>

<td>


jsp页面显示:
我想点击+,-按钮,改变数量,并改变小计的值,一个容易实现,但是多个怎么实现?看图,
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;
}