Форум

Ваяс · #1 (**permalink**) 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>

рони · #2 (**permalink**) 18.02.2014, 21:56

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

attr

prop

Ваяс · #3 (**permalink**) 18.02.2014, 22:03

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

рони · #4 (**permalink**) 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 · #5 (**permalink**) 19.02.2014, 10:00

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

Форум

Справочник

Discord чат

Курсы javascript