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

时间:2017-02-22 14:56:37

标签: html5

有一个正文标签,里面有很多tr标签,每个tr标签里面都有很多td标签,其中一个td标签有一个复选框,复选框可以选中或取消选中,如果选中复选框,我想插入" True",如果未选中,我想插入" False"在那个td标签里面,我想从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并删除复选框

请告诉我你的意见。

1 个答案:

答案 0 :(得分:0)

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