Изменить значение td в зависимости от статуса флажка внутри этого td с помощью jquery

Question

Существует тег тела, внутри которого есть много тэгов и внутри каждого тэга, есть много тд-тегов, в одном из тегов td есть флажок, флажок может быть проверен или не проверен, если флажок установлен, я хочу вставить «True», если он не установлен, я хочу вставить «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(); 
});