Tentar
$(document).ready(function () {
$('.select_unselect_all').change(function () {
$('.se_unse').prop('checked', this.checked);
});
});
this.checked
informa se a caixa de seleção está marcada ou não. Retornar valor booleano.
Pergunta
Eu tenho o HTML como abaixo
<script>
$(document).ready(function(){
$('.select_unselect_all').click(function(){
console.log('hurray>>>');
$('.se_unse').prop('checked', true);
});
});
</script>
<table cellpadding="0" cellspacing="0" border="0" class="stdtable">
<thead>
<tr>
<th><input id="" class="select_unselect_all" type="checkbox"/></th>
<th>product name</th>
</tr>
</thead>
<tbody>
{% for val in values %}
<tr>
<td><input id="" class="se_unse" type="checkbox" /></td>
<td>{{val.name}}</td>
</tr>
{% endfor %}
</tbody>
</table>
Então, no código HTML e jQuery acima, quando clicamos na caixa de seleção com a classe select_unselect_all
, todas as caixas de seleção restantes em tbody
Bloco com classe se_unse
deve ser selecionado (está funcionando com o código jQuery acima).
Então, quando clicamos novamente na mesma caixa de seleção com a classe select_unselect_all
dentro thead
Seção Toda a caixa de seleção verificada deve ser desmarcada
Então, como implementar isso no meu código acima?
Solução
Tentar
$(document).ready(function () {
$('.select_unselect_all').change(function () {
$('.se_unse').prop('checked', this.checked);
});
});
this.checked
informa se a caixa de seleção está marcada ou não. Retornar valor booleano.
Outras dicas
Experimente isso:
$(function(){
$('.select_unselect_all').click(function(){
$('.se_unse').prop('checked', $(this).prop('checked'));
});
});