alle Kontrollkästchen in einer Tabellenzeile ändern

Question

Ich möchte alle Kontrollkästchen in einer Tabellenzeile deaktivieren. Ich habe HTML-Code:

<tr id="unlosta_line_1"> 
    <td> 
     <input id="unlosta_prop_id_1" name="unlosta_prop_id[1]" value="1" checked="checked" type="checkbox"> 
Feld 1 
    </td> 

    <td> 
     <input id="unlosta_prop_id_2" name="unlosta_prop_id[2]" value="2" type="checkbox"> 
Feld 2 
    </td> 

    <td> 
     <input id="unlosta_prop_id_3" name="unlosta_prop_id[3]" value="3" type="checkbox"> 
Feld 3 
    </td> 
    <td>...and so on 
    <td> 
</tr> 

Was ich jetzt versucht haben, ist diese jQuery-Code:

$("tr#unlosta_line_1").children("td").each(function(i) { $(i).prop("checked", false) }) 

Answer 1

Problem mit Ihnen Implementierung ist, dass Sie setzen checked Eigenschaft TD Element nicht checkbox.

Sie direkt :checkbox selector verwenden können, setzen Sie seinen checked Eigenschaft

$("#unlosta_line_1 :checkbox").prop("checked", false); 

Answer 2

input ist die Kinder der td

(function(){ 
 
$("#unlosta_line_1").children("td").each(function(i) { 
 
     $(this).children('input').attr("checked", false) 
 
     }) 
 
     })()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr id="unlosta_line_1"> 
 
    <td> 
 
    <input id="unlosta_prop_id_1" name="unlosta_prop_id[1]" value="1" type="checkbox"> Feld 1 
 
    </td> 
 

 
    <td> 
 
    <input id="unlosta_prop_id_2" name="unlosta_prop_id[2]" value="2" type="checkbox"> Feld 2 
 
    </td> 
 

 
    <td> 
 
    <input id="unlosta_prop_id_3" name="unlosta_prop_id[3]" value="3" type="checkbox"> Feld 3 
 
    </td> 
 
    <td>...and so on 
 
    <td> 
 
</tr> 
 
</table>

Answer 3

Versuchen Sie Folgendes:

$("#unlosta_line_1 :checkbox").prop("checked", false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr id="unlosta_line_1"> 
 
     <td> 
 
      <input id="unlosta_prop_id_1" name="unlosta_prop_id[1]" value="1" checked="checked" type="checkbox"> 
 
    Feld 1 
 
     </td> 
 

 
     <td> 
 
      <input id="unlosta_prop_id_2" name="unlosta_prop_id[2]" value="2" type="checkbox"> 
 
    Feld 2 
 
     </td> 
 

 
     <td> 
 
      <input id="unlosta_prop_id_3" name="unlosta_prop_id[3]" value="3" type="checkbox"> 
 
    Feld 3 
 
     </td> 
 
     <td>...and so on 
 
     <td> 
 
    </tr> 
 
</table>