js,数字增加,减少。
你好,继续上一个问题,请教下,比如我在文本框左右加俩个”+“,“-”号图片,点击加的时候,数字加1,点减的时候数字减1,请问如何实现!...
你好,继续上一个问题,请教下,比如我在文本框左右加俩个”+“,“-”号图片,点击加的时候,数字加1,点减的时候数字减1,请问如何实现!
展开
展开全部
<table>
<tr>
<td>1</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
<tr>
<td>2</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
<tr>
<td>3</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
</table>
<script type="text/javascript">
function changeNum(obj,num)
{
var input = getParent(obj).getElementsByTagName("input");
for(var i=0;i<input.length;i++)
{
if(input[i].type=="text")
{
if(input[i].value == "")
input[i].value = num;
else
input[i].value = input[i].value - 0 + num;
}
}
}
//获取父级对像
function getParent(obj)
{
if(typeof(obj) != "object"){obj = document.getElementById(obj);}
if(obj)
return obj.parentElement || obj.parentNode;
}
</script>
<tr>
<td>1</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
<tr>
<td>2</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
<tr>
<td>3</td>
<td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td>
</tr>
</table>
<script type="text/javascript">
function changeNum(obj,num)
{
var input = getParent(obj).getElementsByTagName("input");
for(var i=0;i<input.length;i++)
{
if(input[i].type=="text")
{
if(input[i].value == "")
input[i].value = num;
else
input[i].value = input[i].value - 0 + num;
}
}
}
//获取父级对像
function getParent(obj)
{
if(typeof(obj) != "object"){obj = document.getElementById(obj);}
if(obj)
return obj.parentElement || obj.parentNode;
}
</script>
来自:求助得到的回答
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询