Пытаться
$(document).ready(function () {
$('.select_unselect_all').change(function () {
$('.se_unse').prop('checked', this.checked);
});
});
this.checked
сообщает, проверяется ли флажок или нет. Вернуть логическое значение.
Вопрос
У меня есть HTML, как ниже
<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>
Итак, из приведенного выше кода HTML и jQuery, когда мы нажимаем на флажок с классом select_unselect_all
, все оставшиеся флажки в tbody
Блок с классом se_unse
следует выбрать (его работающий ind с приведенным приведенным кодом jQuery).
Поэтому, когда мы снова нажимаем на тот же флажок с классом select_unselect_all
в thead
Раздел весь проверенный флажок должен быть неконтролированным
Так как реализовать это в моем вышеупомянутом коде?
Решение
Пытаться
$(document).ready(function () {
$('.select_unselect_all').change(function () {
$('.se_unse').prop('checked', this.checked);
});
});
this.checked
сообщает, проверяется ли флажок или нет. Вернуть логическое значение.
Другие советы
Попробуй это:
$(function(){
$('.select_unselect_all').click(function(){
$('.se_unse').prop('checked', $(this).prop('checked'));
});
});