Поиск детей по текущему родителю...
Здравствуйте...
Подскажите как лучше реализовать? Есть таблица: <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 кликая по одному из чекбоксов выбрать (в дальнейшем отметить) остальные в данной строке... То есть, если кликаем по чекбоксу первой строки - отмечается и второй чекбокс в этой строке... |
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> |
Рони спасибо.... буду разбираться...
У меня получилось вот так: $("input:checkbox").change(function() { $(this).parent().parent().find("input").prop({"checked": this.checked }) }); |
Часовой пояс GMT +3, время: 14:57. |