onclick 控制两个文本框内容

Question

<input type='text' name='jhri[]'   value=''  style='color:red' 
onclick='this.value='"YYYY"'>
<input type='text' name='dingdanshen[]'   value='AAAA' style='color:blue;' 
onclick='this.style.color="red";this.value="BBBB"'>分别点击都能实现想要实现的内容，能不能直接点击第一个文本框，第二个文本框也可以直接改变。

Answer 1

给第二个input赋个id
<input type='text' name='jhri[]'  value=''  style='color:red' onclick='this.value='"YYYY";document.getElementById("test2").value="bbbb";document.getElementById("test2").style.color="red"'>
<input id='test2' type='text' name='dingdanshen[]'  value='AAAA' style='color:blue;'> 
这些都是比较基础的js，建议楼主看下相关js方面的书籍

Answer 2

用JS
<input type='text' name='jhri[]'  value=''  style='color:red'
onclick='display()' id="a">
<input type='text' name='dingdanshen[]'  value='AAAA' style='color:blue;' id="b"> function display(){
  document.getElementById("a").value='YYYY';
  document.getElementById("b").value='BBBB';
}

Answer 3

onclick 事件调用函数<input type='text' name='jhri'  value=''  style='color:red'  id="a">
<input type='text' name='dingdanshen'  value='AAAA' style='color:blue;' id="b"> 
<input type='button' value='设置' onclick="setValue('a', 'b')">function setValue(id, id1) {
    document.getElementById(id).value='YYYY';
    document.getElementById(id1).value='BBBB';
}