печать скрытого тега на странице с JQuery

Question

у меня есть некоторые Tr метки с флажком в каждом, и когда пользователь нажимает на любом из флажков я хочу содержание от этого тра быть написано в любом месте на странице

Вот 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 уже находится на странице и пуст в настоящее время.

Это то, что я должен быть внутри него

<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" /> 

любые идеи

Answer 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 
    }));  
}); 

Примечание: Я не проверял это.