Question

我有一些tr标签，每个标签都有一个复选框，当用户点击任何复选框时，我希望该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类.fields的页面中。这个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
    }));    
});

注意：我没有测试过这个。

使用jquery在页面上打印隐藏标记

1 个答案: