مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

نمایش CheckBoxList به صورت درختی

ﺳﻪ شنبه, 27 فروردین 1398 20:52

نمایش CheckBoxList به صورت درختی

میخوام CheckBoxList به صورت درختی نمایش بدم

مثلا فوتبال و فوتسال ، توپ و تور زیر مجموعه ورزشی هست مثل تصویر زیر

چهارشنبه, 28 فروردین 1398 10:09

css های زیادی برای اینکار توی اینترنت هست

بگردید و طبق سلیقه خودتون پیدا کنید

نمونه 1

پنج شنبه, 29 فروردین 1398 12:30

سوال من چیزی دیگه ای بود اقای نصیری

میخوام اون دسته ای که زیر مجموعه داره به صورت تصویر دومی نشون بده

پنج شنبه, 29 فروردین 1398 12:31

سلامی دوباره

آهان

خب شما برای ظاهرش از css که دادم استفاده کنیم

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

پنج شنبه, 29 فروردین 1398 13:08

خب میشه نمونه بزارید

جمعه, 13 اردیبهشت 1398 09:35

اگر درست سوالتونو متوجه شدم باشم بهتره که باید بگم در کد های html پروژه از لیست های تو در تو استفاده کنید!

مثل کد زیر:

<ul>
                    <li>
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                    </li>
                    <li>
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                    </li>
                    <li>
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                    </li>
                    <li class="mother">
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                        <ul>
                            <li class="child">
                                <input id="Checkbox1" type="checkbox" />
                                نمونه
                            </li>
                            <li class="child">
                                <input id="Checkbox1" type="checkbox" />
                                نمونه
                            </li>
                            <li class="child">
                                <input id="Checkbox1" type="checkbox" />
                                نمونه
                            </li>
                            <li class="child">
                                <input id="Checkbox1" type="checkbox" />
                                نمونه
                            </li>
                            <li class="child">
                                <input id="Checkbox1" type="checkbox" />
                                نمونه
                                <ul>
                                    <li class="child">
                                        <input id="Checkbox1" type="checkbox" />
                                        نمونه
                                    </li>
                                    <li class="child">
                                        <input id="Checkbox1" type="checkbox" />
                                        نمونه
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                    </li>
                    <li>
                        <input id="Checkbox1" type="checkbox" />
                        نمونه
                    </li>
                </ul>

این هم کد های JQuery 

$.fn.checked = function (value) {
                if (value === true || value === false) {
                    $(this).each(function () { this.checked = value; });
                }
                else if (value === undefined || value === 'toggle') {
                    $(this).each(function () { this.checked = !this.checked; });
                }
                return this;
            };
            $("ul li.mother input").on("click", function () {
                $('ul li.mother ul li.child input').prop('checked', function (i, value) {
                    return !value;
                });
            });

خروجی هم به این صورت میشه که هر li مادر که زیرمجموعه داره اگه روش کلیک بشه زیرمجموعه هاش هم تیک میخوره و اگر مجدد تیک بخوره زیرمجموعه هاش تیکش برداشته میشه  :

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید