Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Не рабтает отметка всех чекбоксов (https://javascript.ru/forum/events/45206-ne-rabtaet-otmetka-vsekh-chekboksov.html)

Ваяс 18.02.2014 21:48

Не рабтает отметка всех чекбоксов
 
Всем привет, не могу понять причину почему не работают чек боксы.
На более поздних версиях jquery. Один раз отмечаются все, больше нет.
Таких как 2.1.0 прикладываю код.
$(document).ready( function() {
	$('#select_all').change(function() {
		var checkboxes = $(this).closest('form').find(':checkbox');
		($(this).is(':checked')) ? checkboxes.attr('checked', 'checked') : checkboxes.removeAttr('checked');				
	});			
});

<form>
    <table>
        <tr>
            <td><input type="checkbox" id="select_all"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
    </table>
</form>

рони 18.02.2014 21:56

Цитата:

Сообщение от Ваяс
attr

prop

Ваяс 18.02.2014 22:03

Спасибо )), к сожалению карму не могу плюсануть пишут что ещё кому то нужно поставить.

рони 18.02.2014 22:04

Ваяс,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function() {
	$('#select_all').on('change', function() {
		var checkboxes = $(':checkbox',this.form);
		checkboxes.prop('checked', this.checked);
	});
});

  </script>
</head>

<body>
<form>
    <table>
        <tr>
            <td><input type="checkbox" id="select_all"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
    </table>
</form>
</body>

</html>

danik.js 19.02.2014 10:00

рони,
+1 (виртуальный - карма не плюсуется)


Часовой пояс GMT +3, время: 14:26.