Ich versuche, jQuery zu verwenden, um eine Senden-Schaltfläche für ein Formular dynamisch zu aktivieren / deaktivieren.

The HTML:

<form id="user-add-to-group">
  <table class="group-list">
    <tbody>
      <tr>
        <th>Voornaam</th>
        <th>Achternaam</th>
        <th>S/P-nummer</th>
        <th>Email</th>
        <th>Type</th>
      </tr>
      <tr>   
        <td>Name</td>
        <td>Surname</td>
        <td>No.</td>
        <td>[email protected]</td>
        <td>student</td>
        <td><input type="checkbox" name="user_add_to_group[]" value="75F0CE8F-4B6F-4E17-BC7B-0B06AAD84625"></td>
      </tr>
    </tbody>
  </table>
  <button disabled="disabled" type="button" id="participant_add_btn" name="participant_add_btn" class="btn btn-primary">Add</button>                            
</form>

Und die jQuery:

$('table.group-list tr').on("click", function(){
  $(this).find("input[type=checkbox]").trigger('click');
    if($("#user-add-to-group input[type=checkbox]:checked").length>0){
      $("#participant_add_btn").prop("disabled","false");
    }
    else {
      $("#participant_add_btn").prop("disabled","disabled");
    }
});

Ich möchte die gesamte Tabellenzeile anklickbar machen, damit die jQuery ein Klickereignis auslöst, wenn auf die tr geklickt wird. Das funktioniert, aber ich kann nicht herausfinden, warum meine Schaltfläche danach nicht aktiviert wird. Ich möchte es aktivieren, wenn ein Kontrollkästchen im Formular aktiviert ist, und deaktivieren, wenn keines davon aktiviert ist.

Wenn weitere Informationen benötigt werden, lassen Sie es mich bitte wissen.