一个效果，WebSphere中有这样的，不知大家有实现的吗？

Question

<input type="checkbox" name="check1"><input type="text" value="" name="text1"><br>
<input type="checkbox" name="check1"><input type="text" value="" name="text1"><br>
<input type="checkbox" name="check1"><input type="text" value="" name="text1"><br>
<input type="checkbox" name="check1"><input type="text" value="" name="text1"><br>
<input type="checkbox" name="check1"><input type="text" value="" name="text1"><br>
<SELECT NAME="Cats" SIZE="1">
<OPTION VALUE="1">1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT>
<input type="button" value="应用" onclick="test();"><script>
function test(){
var checks = document.getElementsByName("check1");
var texts = document.getElementsByName("text1");
var cats = document.getElementsByName("Cats")[0].value;
for(var i=0;i<checks.length;i++){
texts[i].value = checks[i].checked?cats:"";
}
}
</script>

Answer 1

<input type="checkbox" name="checkXh"    value="01"><input type="text" name="xgfl01"  id="xgf01" >
<input type="checkbox" name="checkXh"    value="02"><input type="text" name="xgfl02"  id="xgf02" >
<input type="checkbox" name="checkXh"    value="03"><input type="text" name="xgfl03"  id="xgf03" >
<input type="checkbox" name="checkXh"    value="04"><input type="text" name="xgfl04"  id="xgf04" >
<input type="checkbox" name="checkXh"    value="05"><input type="text" name="xgfl05"  id="xgf05" >
<SELECT NAME="Cats" SIZE="1">
<OPTION VALUE="1">1
<OPTION VALUE="2">2
<OPTION VALUE="3">3
</SELECT>
<input type="button" value="应用" onclick="test();">
//text的name是程序循环产生的
<script>
function test(){
  var checks=document.getElementsByName("checkXh");
  var texts = "",xgflName="";
 //获取select的值
  var cats = document.getElementsByName("Cats")[0].value;
  
  for (var j = 0; j <checks.length ; j++) {
    //循环checkbox的长度
    xgflName = "xgfl"+checks[j].value;   //获取text的名称 ，动态的  
    texts = document.getElementsByName(xgflName);      
    //设置text的值为select中的值    
    document.all[xgflName].value = checks[j].checked?cats:"";   }
}
</script>
现在问题是选中checkbox后选择select中的值，text框中是有相对应的值了，但是我如果再继续选中checkbox的后选择select中的值，原来text框中的值就没有了，我要原来的存在，然后新的text中有新得select分配的值。还差一点了~~~

Answer 2

而且checkbox选中后，应用select框中的值到text中，如果我接下来再应用别的值到text中，那么必须先要取消选中的checkbox后，再去选中才行，能不能继续选择checbox然后再应用新的。

Answer 3

for(var i=0;i<checks.length;i++){
texts[i].value = checks[i].checked?cats:"";
}改成for(var i=0;i<checks.length;i++){
if (checks[i].checked) texts[i].value = cats;
}

Answer 4

<script>
function test(){
var checks = document.getElementsByName("check1");
//var texts = document.getElementsByName("text1");
var cats = document.getElementsByName("Cats")[0].value;
for(var i=0;i<checks.length;i++){
document.getElementsByName("xgfl0"+(i+1))[0].value = checks[i].checked?cats:"";
}
}
</script>

Answer 5

ok,
document.getElementById("xgfl"+(j+1)).value = checks[j].checked?cats:"";
这一句就可以了俄。至于选中后，再继续选中，新的text中有新的值，而不需先取消原先选中的checkbox就暂时办不到了