使用jquery根据td内的复选框状态更改td的值

Question

有一个body标签，里面有许多tr标签，在每个tr标签内，有许多td标签，其中一个td标签中有一个复选框，复选框可以被选中或取消选中，如果复选框被选中，我想插入"True"，如果没有选中，我想在该td标签中插入"False“，并且我想从td标签中删除复选框控件

HTML：

        <td >text-1 </td>
        <td >city-1</td>
        <td >HI</td>
        <td >&nbsp;</td>
        <td >2/20/2017 - 2/20/2018</td>
        <td ><input type="checkbox"></td>

    </tr>
    <tr >
         <td >text-2 </td>
        <td >city-2</td>
        <td >HI</td>
        <td >&nbsp;</td>
        <td >2/20/2017 - 2/20/2018</td>
        <td ><input type="checkbox" checked=checked></td>
    </tr>
    <tr >
         <td >text-3 </td>
        <td >city-3</td>
        <td >HI</td>
        <td >&nbsp;</td>
        <td >2/20/2017 - 2/20/2018</td>
        <td ><input type="checkbox" ></td>
    </tr>

我需要检查最后一个复选框(选中/未选中)的状态，并在其中插入一个值True/false，然后删除该复选框

请让我知道你的意见。

Answer 1

$('input[type=checkbox]').each(function(){
    $check = $(this);
    var text = $check.is(':checked') ? "True" : "False";
    $check.parent().append(text);
    $check.remove();
});