Ativar / desativar o botão enviar quando alguma / nenhuma caixa de seleção no formulário estiver marcada
Estou tentando usar o jQuery para ativar / desativar dinamicamente um botão de envio de um formulário.
O 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>
E o 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");
}
});
Quero tornar a linha inteira da tabela clicável, para que o jQuery acione um evento click quando o tr for clicado. Isso funciona, mas não consigo entender por que meu botão não será ativado posteriormente. Desejo ativá-lo quando qualquer caixa de seleção do formulário estiver marcada e desativá-lo quando nenhum deles estiver.
Se mais informações forem necessárias, entre em contato.