本人新手,如何实现javascript中实现button之间的值传递?
javascript中,有3个按钮,id分别为1,2,3,现在只有id=1的按钮value值为“张三”,id=2或者3的按钮都是空。要实现单机按钮1,按钮2的value值...
javascript中,有3个按钮,id分别为1,2,3,现在只有id=1的按钮value值为“张三”,id=2或者3的按钮都是空。 要实现单机按钮1,按钮2的value值变为“张三”;然后单机按钮2(value值已经是“张三”)的话,按钮3的value值也会变成“张三”,代码我写了,感觉是对的,但是不能运行,请高手指教!
function buttonchange(obj)
{
button obj2=document.getElementById("parseInt(obj.id)+1");// 获取id为id+1的按钮
if(obj.value==="")
{
alert("本按钮value为空");//如果按钮value值为空,则不执行操作
}else{
alert("本按钮value为:"+obj.value);
obj2.value=obj.value;//当按钮value值不为空时,实现单击按钮值传递
}
}
<input name="button1" type="button" id="1" value="张三" onclick="buttonchange(this)" /> //定义按钮1
<input name="button2" type="button" id="2" value="" onclick="buttonchange
(this)"/> //定义按钮2
<input name="button3" type="button" id="3" value="" onclick="buttonchange
(this)"/> //定义按钮3
因为涉及到大量按钮的值传递(所以要用id+1来实现),所以想用上面这个函数,但是函数里面有错误,我是新手,不懂,请高手指教!帮忙修改通过运行的的马上给分 展开
function buttonchange(obj)
{
button obj2=document.getElementById("parseInt(obj.id)+1");// 获取id为id+1的按钮
if(obj.value==="")
{
alert("本按钮value为空");//如果按钮value值为空,则不执行操作
}else{
alert("本按钮value为:"+obj.value);
obj2.value=obj.value;//当按钮value值不为空时,实现单击按钮值传递
}
}
<input name="button1" type="button" id="1" value="张三" onclick="buttonchange(this)" /> //定义按钮1
<input name="button2" type="button" id="2" value="" onclick="buttonchange
(this)"/> //定义按钮2
<input name="button3" type="button" id="3" value="" onclick="buttonchange
(this)"/> //定义按钮3
因为涉及到大量按钮的值传递(所以要用id+1来实现),所以想用上面这个函数,但是函数里面有错误,我是新手,不懂,请高手指教!帮忙修改通过运行的的马上给分 展开
4个回答
展开全部
改成这样 试试
<script>
function buttonchange(bid, nextid) {
var obj=document.getElementById(bid);// 获取id为bid的按钮
var obj2=document.getElementById(nextid);// 获取id为nextid的按钮
if(obj.value==="")
{
alert("本按钮value为空");//如果按钮value值为空,则不执行操作
}else{
alert("本按钮value为:"+obj.value);
obj2.value = obj.value;//当按钮value值不为空时,实现单击按钮值传递
obj.value = "";
}
}
</script>
<input name="button1" type="button" id="1" value="张三" onclick="buttonchange(this.id,2)" />
<input name="button2" type="button" id="2" value="" onclick="buttonchange(this.id,3)"/>
<input name="button3" type="button" id="3" value="" onclick="buttonchange(this.id,1)"/>
<script>
function buttonchange(bid, nextid) {
var obj=document.getElementById(bid);// 获取id为bid的按钮
var obj2=document.getElementById(nextid);// 获取id为nextid的按钮
if(obj.value==="")
{
alert("本按钮value为空");//如果按钮value值为空,则不执行操作
}else{
alert("本按钮value为:"+obj.value);
obj2.value = obj.value;//当按钮value值不为空时,实现单击按钮值传递
obj.value = "";
}
}
</script>
<input name="button1" type="button" id="1" value="张三" onclick="buttonchange(this.id,2)" />
<input name="button2" type="button" id="2" value="" onclick="buttonchange(this.id,3)"/>
<input name="button3" type="button" id="3" value="" onclick="buttonchange(this.id,1)"/>
展开全部
function change(sourceId,targetId){
document.getElementById(targetId).value = document.getElementById(sourceId).value;
}
<input name="button1" type="button" id="1" value="张三" onclick="change('1','2')" />
<input name="button2" type="button" id="2" value="" onclick="change('2','3')"/>
<input name="button3" type="button" id="3" value="" >
我随便写了个我美事,你试试,应该没啥问题!
document.getElementById(targetId).value = document.getElementById(sourceId).value;
}
<input name="button1" type="button" id="1" value="张三" onclick="change('1','2')" />
<input name="button2" type="button" id="2" value="" onclick="change('2','3')"/>
<input name="button3" type="button" id="3" value="" >
我随便写了个我美事,你试试,应该没啥问题!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看了一下,改这句:
obj2 = document.getElementById("" + (parseInt(obj.id)+1));
obj2 = document.getElementById("" + (parseInt(obj.id)+1));
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询