Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Поиск детей по текущему родителю... (https://javascript.ru/forum/jquery/46131-poisk-detejj-po-tekushhemu-roditelyu.html)

myocean 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 кликая по одному из чекбоксов выбрать (в дальнейшем отметить) остальные в данной строке...

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

рони 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 29.03.2014 23:26

Рони спасибо.... буду разбираться...
У меня получилось вот так:
$("input:checkbox").change(function() {
  $(this).parent().parent().find("input").prop({"checked": this.checked })
});


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