Форум

myocean · #1 (**permalink**) 29.03.2014, 23:09

Здравствуйте...
Подскажите как лучше реализовать?

Есть таблица:

<tr>
<td><input type="checkbox" name="aa"></td>
<td><input type="checkbox" name="bb"></td>
</tr>
<tr>
<td><input type="checkbox" name="cc"></td>
<td><input type="checkbox" name="dd"></td>
</tr>

$( document ).ready(function() {
    
$("input:checkbox").change(function() {
  
///????

});

});

Каким образом через this кликая по одному из чекбоксов выбрать (в дальнейшем отметить) остальные в данной строке...

То есть, если кликаем по чекбоксу первой строки - отмечается и второй чекбокс в этой строке...

рони · #2 (**permalink**) 29.03.2014, 23:20

myocean,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script>
$(function () {
         $("table").on("click", "input:checkbox", function () {
             var parent = $(this).parents("tr");
             $("input:checkbox", parent).prop({
                 "checked": this.checked
             })
         });
     })
  </script>
</head>

<body>
<table>
<tr>
<td><input type="checkbox" name="aa"></td>
<td><input type="checkbox" name="bb"></td>
</tr>
<tr>
<td><input type="checkbox" name="cc"></td>
<td><input type="checkbox" name="dd"></td>
</tr>
</table>
</body>
</html>

myocean · #3 (**permalink**) 29.03.2014, 23:26

Рони спасибо.... буду разбираться...
У меня получилось вот так:

$("input:checkbox").change(function() {
  $(this).parent().parent().find("input").prop({"checked": this.checked })
});

Форум

Справочник

Discord чат

Курсы javascript