2010-09-12 38 views
0

我有一些TR標籤,在每一個複選框,並在任何複選框的用戶點擊我想從TR內容要在頁面打印頁面上的隱藏標籤使用jQuery

上的任何地方寫下面是HTML:

<tr class="gradeA odd"> 
<td><input id="instance_selected0" name="instance_selected0" value="2" type="checkbox"></td> 
<td>September 15, 2010</td> 
<td>Melbourne Vic</td> 
</tr> 
<tr class="gradeU even"> 
<td><input id="instance_selected1" name="instance_selected1" value="2" type="checkbox"></td> 
<td>Thursday September 16, 2010 at 07:00 PM</td> 
<td>Sydney Nsw</td> 
</tr> 

所以,如果我需要這個第一個複選框用戶點擊頁面中的DIV類點域插入。這個div已經在頁面上,並且它現在是空的。

這就是我需要在裏面

<input id="request_venue" name="request[venue]" type="hidden" value="Melbourne Vic" /></div> 
<input id="request_showdate" name="request[showdate]" type="hidden" value="September 15, 2010" /> 

任何想法

回答

1
$(".gradeA, .gradeU").find(":checkbox").click(function() { 
    if (this.checked === false) { return; } 
    var cells = $(this).parent().siblings(); 
    $(".fields").empty().append($("<input type='hidden'>").attr({ 
     id: "request_venue", 
     name: "request[venue]", 
     value: cells[1].innerHTML 
    })).append($("<input type='hidden'>").attr({ 
     id: "request_showdate", 
     name: "request[showdate]", 
     value: cells[0].innerHTML 
    }));  
}); 

注:我沒有測試這一點。

相關問題