javascript实现点击不同按钮，如A,B,C等，文本框显示相应字母？谢谢

javascript中实现点击不同按钮，如A,B,C等，文本框显示相应字母？谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

js 点击事件触发 js 函数，函数里改变文本框内容
源码楼主动手敲
function getText(txt) {
  objTxt.value= txt;
}<input type=button value=A onclick="getText(this.value)">
<input type=button value=B onclick="getText(this.value)">
<input type=button value=C onclick="getText(this.value)">
这是我编程的部分代码，还是上面的问题javascript中实现点击不同按钮，如A,B,C等，文本框显示相应字母？怎么写？希望高手指点。谢谢
<div id="content-content"><input type="text" class="txt" name="txt1" style="background-color:#FF9933; border:0"></div>
  <div id="content-foot"><div id="bot"><p class="com05"><input type="button" value="A" name="12" style="background-image:url(images/abc_search.jpg); border:0px" onclick="getText(this.value)"/><input type="button" value="B" style="background-image:url(images/abc_search.jpg); border:0px"/><input type="button" value="C" style="background-image:url(images/abc_search.jpg); border:0px" /></div><div>
<input type=button value=A onclick="getText(this.value)">
<input type=button value=B onclick="getText(this.value)">
<input type=button value=C onclick="getText(this.value)">
<input type=text id=objTxt>
<div id="content-content"> <input type="text" class="txt" name="txt1" id="txt1" style="background-color:#FF9933; border:0"> </div>
  <div id="content-foot"> <div id="bot"> <p class="com05"> <input type="button" value="A" name="12" style="background-image:url(images/abc_search.jpg); border:0px" onclick="getText(this.value)"/> <input type="button" value="B" style="background-image:url(images/abc_search.jpg); border:0px" onclick="getText(this.value)"/> <input type="button" value="C" style="background-image:url(images/abc_search.jpg); border:0px"  onclick="getText(this.value)"/> </div> <div><scritp>
   function getText(txt) {
       txt1.value= txt;
   }
</scritp>
你应该这样实现：：：：：：：：：：－－－－－－－－－－－ <head>
</head>
<script type="text/javascript">
function getText(t,name){
var v = document.getElementsByName(name)[0].value;
document.getElementsByName("txt1")[0].value = v;
}
</script>
<body>
<div id="content-content">
<input type="text" class="txt" name="txt1"
style="background-color: #FF9933; border: 0">
</div>
<div id="content-foot">
<div id="bot">
<p class="com05">
<input type="button" value="A" name="1"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.value,this.name)" />
<input type="button" value="B" name="2"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.value,this.name)"/>
<input type="button" value="C" name="3"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.value,this.name)"/>
</div>
<div>
</body>
<script>
function getText(txt) {
  objTxt.value= txt;
}
</script>
<div id="content-content">
<input type="text" id="objTxt" name="objTxt" style="background-color:#FF9933; border:0"> </div>
  <div id="content-foot">
<div id="bot"> <p class="com05">
<input type="button" value="A" name="12" style="background-image:url(images/abc_search.jpg); border:0px" onclick="getText(this.value)"/>
<input type="button" value="B" style="background-image:url(images/abc_search.jpg); border:0px"/ onclick="getText(this.value)"> <input type="button" value="C" style="background-image:url(images/abc_search.jpg); border:0px" onclick="getText(this.value)"/> </div> <div>
下一步我要实现的是，点击下一个按钮，不清除前面所显示的内容，如果想清除，用“clear”按钮<input type="button" value="CLEAR" style="background-image:url(images/abc_search.jpg); border:0px" />？还有<input type="button" value="SPACE" style="background-image:url(images/abc_search.jpg); border:0px" />，即空格的功能？还有<input type="button" style="background-image:url(images/BACKspace.gif); value="back space" border:0px" />,即退格的功能？谢谢大家了。具体代码见4楼的。
这个是的了，好不容易找到你的贴子！！！ <head>
</head>
<script type="text/javascript">
function getText(name){
var v = document.getElementsByName(name)[0].value;
document.getElementsByName("txt1")[0].value += v;
}
function cle(){
document.getElementsByName("txt1")[0].value = "";
}
function addSpace(){
document.getElementsByName("txt1")[0].value += " ";
}
function deleteSpace(){
var v = document.getElementsByName("txt1")[0].value;
document.getElementsByName("txt1")[0].value = v.substr(0,(v.length-1));
}
</script>
<body>
<div id="content-content">
<input type="text" class="txt" name="txt1"
style="background-color: #FF9933; border: 0">
</div>
<div id="content-foot">
<div id="bot">
<p class="com05">
<input type="button" value="A" name="1"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.name)" />
<input type="button" value="B" name="2"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.name)" />
<input type="button" value="C" name="3"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="getText(this.name)" />
<input type="button" value="CLEAR" name="clear"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="cle()"/>
<input type="button" value="SPACE"
style="background-image: url(images/abc_search.jpg); border: 0px"
onclick="addSpace()"/>
<input type="button" value="退格"
style="background-image: url(images/BACKspace.gif); back space border:0px"
onclick="deleteSpace()"/>
</div>
<div>
</body>