Question

我是小伙子。我的一个Web应用程序的要求：

在我的HTML表格中，某些列要求用户输入为文本字段。在文本字段旁边，我希望每行都有一个单选按钮，用于填充符合表格中某些条件的行。

这是我的代码

   <td> <input type="text" id="newContact<%=rCount %>" name="newContact">
   <br>
   <input type="radio" id="applyNewContact<%=rCount %>" name="applyNewContact" onchange=..some js function here..>     
   <label for="applyNewContact<%=rCount %>">Apply Contact to all cases @Inst.ID</label> 
   </td>
   <td align="center"> <input type="text" id="newContactPhone<%=rCount %>" name="newContactPhone"></td>
   <td align="center"> <input type="text" id="newContactEmail<%=rCount %>" name="newContactEmail"></td>

因此，如果选中了第1行（带有id applyNewContact0）的单选按钮，那么我想用Inst.ID（我的一个表列）填充所有行（只有他们的newContact，newContactPhone，newContactEmail）和row1 < / p>

我将如何使用jQuery或Javascript进行此操作？

谢谢，
Pritish

Answer 1

这样的事情？

var $radios = $(':radio[id^=applyNewContact]').change(function() {
   var id = $radios.index(this);
   $('#newContact' + id).val(inst[id].newContact);
   $('#newContactPhone' + id).val(inst[id].newContactPhone);
   $('#newContactEmail' + id).val(inst[id].newContactEmail);
});

这假设rCount是0+计数器。如果没有替换

  var id = this.id.match(/applyNewContact(.+)/)[1];

用于填充文本字段的单选按钮

1 个答案: