Question

js 怎么把两个id相同的 input value值同步

<input type="text" id="k1" name="123" value="1"/>
怎么实现上面id为k1的value值一改变 下面同为id为k1的value值也跟着改变
<input type="checkbox" id="k1" name="456" value="1">

Answer 1

思路：根据name值获取对象数组后使用循环取出id值，关键代码如下：

obj = document.getElementsByName(input_name);
for(i=0;i<obj.length;i++){
  // obj[i].id;
}

实例演示如下：

1、HTML结构：提供了3个name值相同的input和一个name值不同的干扰input

<input type="text" name="test" id="test1" value="name=test id=test1"/>
<input type="text" name="test" id="test2" value="name=test id=test2"/>
<input type="text" name="test" id="test3" value="name=test id=test3"/>
<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>
<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>

2、javascript代码

function fun(){
obj = document.getElementsByName("test");
str = "";
for(i=0;i<obj.length;i++){
str += obj[i].id + " ";
}
alert(str)

}

3、点击按钮后效果