2010-07-22 159 views
0

我會的葉子。要求我的一個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) (我的一個表格列)與第1行相同

我該如何去做這個使用jQuery或Javascript?

感謝,
Pritish

回答

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];