PDA

View Full Version : سوال: پیدا کردن والدو فرزندان تگ li



Iran58
چهارشنبه 17 مرداد 1397, 13:55 عصر
سلام
کد زیر را داریم


<!DOCTYPE html><html lang="en">
<head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/style.css" rel="stylesheet"></head>
<body> <ul> <li> <input type="checkbox" name="" id="">1 <ul> <li><input type="checkbox" name="" id="">1-1</li> <li><input type="checkbox" name="" id="">1-2</li> <li><input type="checkbox" name="" id="">1-3</li> </ul> </li> <li><input type="checkbox" name="" id="">2</li> <li><input type="checkbox" name="" id="">3 <ul> <li><input type="checkbox" name="" id="">3-1</li> <li><input type="checkbox" name="" id="">3-2 <ul> <li><input type="checkbox" name="" id="">3-2-1</li> <li><input type="checkbox" name="" id="">3-2-2 <ul> <li><input type="checkbox" name="" id="">3-2-2-1</li> <li><input type="checkbox" name="" id="">3-2-2-2</li> </ul> </li> <li><input type="checkbox" name="" id="">3-2-3</li> </ul> </li> <li><input type="checkbox" name="" id="">3-3</li> </ul> </li> <li><input type="checkbox" name="" id="">4</li> <li><input type="checkbox" name="" id="">5</li> </ul></body>
</html>


الف ) می خواهم وقتی اگر روی چک باکسی کلیک کردم و تیک چک باکس خورده شد تیک همه والدهای ان هم خورده شود
ب) می خواهم وقتی اگر روی چک باکسی کلیک کردم و تیک چک باکس برداشته شد تیک همه فرزندهای ان هم برداشته شود
باتشکر

marasiali
چهارشنبه 17 مرداد 1397, 15:27 عصر
پیشنهاد میکنم این صفحه رو مطالعه کنید.
http://tech.tiffanyandjeremy.com/Articles/Two-level-JQuery-check-and-uncheck-all-child-checkboxes-of-a-parent-checkbox

Iran58
چهارشنبه 17 مرداد 1397, 15:56 عصر
پیشنهاد میکنم این صفحه رو مطالعه کنید.
http://tech.tiffanyandjeremy.com/Articles/Two-level-JQuery-check-and-uncheck-all-child-checkboxes-of-a-parent-checkbox
سلام
قسمت اولش درسته
اما برای برداشتن تیک می خواهم فقط والدهای خودش برداشته در صورتیکه والدش فرزند دیگری نداشته باشد برداشته شود باتشکر

marasiali
چهارشنبه 17 مرداد 1397, 19:58 عصر
سلام شرمنده منظورتون رو متوجه نمیشم.
کدش نسبت به ظاهر مسئله یه کم زیاده وگرنه پایه کار چند تا if و prop ه. بسته به نیازتون میتونه تغییرش بدین. ولی منظور شما را متاسفانه متوجه نشدم.

Mahmoud.Afrad
دوشنبه 29 مرداد 1397, 21:42 عصر
https://codepen.io/chriscoyier/embed/JYyXjX (https://codepen.io/chriscoyier/embed/JYyXjX?height=480&theme-id=1&slug-hash=JYyXjX&default-tab=result&user=chriscoyier)