لنلقي نظرة على التأثير:
تأثير
-انقر على الظهور في الصندوق
-انقر فوق خانة الاختيار ، ويتم عرض الخيارات المحددة في Div المحدد.
- انقر مرة أخرى لإلغاء تحديد الحالة ، وسيقوم الخيار المحدد المعروض في DIV المحدد بإلغاء الشاشة
-انقر على أيقونة الخيار X في Div المحدد لإلغاء عرض الخيار ، وإلغاء خانة الاختيار المقابلة لتحديد الحالة
-انقر على الفئة الرئيسية ، الفئة الفرعية غير محددة ، انقر على الفئة الفرعية ، حدد الفئة الرئيسية لإلغاء تحديد الدولة
- يمكن اختيار ما يصل إلى 3 خيارات
-انقر على أيقونة X لإغلاق المربع المنبثق
-انقر فوق الزر "موافق" لعرض النتائج المحددة
كتلة الكود
رمز مقتطف HTML
<div> <label> فئة القسم: < /label> <div> <input type = "hidden" name = "cg_str" id = "cg_str" ef (input :: has ('cg_str')) value = "{{input :: get ('cg_str')}}} @ef (input :: has ('type')) value = "{{input :: get ('type')}}" @endif/> </viv> </viv> <!-نوع القسم ابدأ-> <div id = "closepopwindow" style = "display:" href = "javaScript: void (0) ؛"> الطب السريري </a> </li> <li> <a href = "javaScript: void (0) ؛ onClick = "$ ('#closepopwindow'). fadeout ()"> </a> </li> </ul> <viv> </viv> </viv> <viv> <!-الطب السريري-> <div> <!-الطب الداخلي-> <div> <nupt type = "خانة الاختيار" = "4" @foreach ($ olCyx1 as $ key => $ val) <viv> <input type = "checkbox" value = "{$ val-> id}}" parent = "{$ val-> parent_id}}}"/> <label> {{$ val-> name}} </label> <viv> </div> <!-Surgery-S-> <viv> <input type = "checkbox" value = "5" parent = "1"/> <blable> Surgery </bally> <viv> </viv> </viv> foreach ($ olcyx2 as $ key => $ val) <div> <input type = "checkbox" value = "{$ val->}}} <label> {{$ val-> name}}} </label> <viv> </viv> </viv> endforeach <viv> </div> <!-Surgery-e-> <!-others-> <viv> <input type = "checkbox" value = "6" parent = "1" <div> <input type = "checkbox" value = "{$ val-> id}}}" parent = "{$ val-> parent_id}}"/> <label> {{$ val-> name}}} </label> <div> </viv> <viv> @div> </ إدارة المساعدة-> <div> <viv> <viv> </viv> </viv> foreach ($ ofzks as $ key => $ val) <viv> <input type = "checkbox" value = "{$ val-> id}}}" parent = "{$ val-> parent_id}}"/> </viv> endforeach <viv> </viv> </viv> <!-قسم المساعدة-e-> <!-شركة الأدوية-> <viv> <viv> <viv> <viv> </viv> </div> foreach ($ oyygs as $ key => $ val) parent = "{{$ val-> parent_id}}}"/> <label> {{$ val-> name}} </label> <viv> </viv> </viv> @ <viv> <viv> </viv> </viv> <viv> </viv> </viv> <viv> <div> <input type = "button" value = "ok" onClick = "checkReturn () ؛"/> </viv> </viv> <!-الموقع الذي يظهر بعد تحديد الرسالة -e-> <!رمز مقتطف JS
<script> // تحديد المتغير العالمي الأولي var num = 1 ؛ // فئة القسم الرقم الاختياري var cg_str = '' ؛ $ ("#type"). val ()+'+' ؛ $ (this) .Attr ("تم التحقق" ، صحيح) ؛ HREF = "JavaScript: 0) ؛" // افتح دالة مربع خيار فئة القسم IDNumber (بادئة) {var idnum = prefix ؛ إرجاع IdNum ؛} وظيفة show_hidden (controlmenu ، num ، prefix) {controlmenu.eq (num) .siblings (). controlmenu.eq (num) .find ('a'). addClass ("sele") ؛ var content = prefix + num ؛ $ ('#'+content) .show () ؛ $ ('#'+content) .siblings (). hide () ؛} وظيفة getWindowPop () {$ ("ul#tagchange li"). $ ("ul#tagchange li: first-child a"). addClass ("sele") ؛ $ ("div.pop_sele_cont_box"). find ("div.pop_sele: first-child"). show () ؛ $ ("div.pop_sele_cont_box"). العثور على ("div.pop_sele: not (: first-child)"). Hide () ؛ $ ("div.pop_sele_cont_box div.pop_selee"). attr ("id" ، function () {return idnumber ("no")+ $ ("div.pop_sele_cont_box div.pop_selee"). index (this) ؛}) ؛ $ ('#closepopwindow'). show () ؛} $ ("ul#tagchange li: not (: child-child)"). انقر فوق (function () {var c = $ ("ul#tagchange li") ؛ var index = c.index (this) ؛ $ ("div.pop_sele"). البحث ("div"). البحث ("إدخال [type = 'checkbox']). انقر فوق (function () {var val = $ (this) .val () ؛ var labelval = $ (this) .Next ('label'). html () if ($ (this) .is (": checked")) {// SELECT Process // process size class Option $ ("div.pop_selee"). find ( $ (this) .Attr ("check" ، false) ؛ index = $ ("div.department_block". num-}}) ؛ labelval + ' +' ؛ $ ("div.right_block"). إلحاق (html) ؛ $ ("div.department_block"). num-؛}}) ؛ var labelval = $ (obj) .Parent (). parent (). find ("div.left"). html (). $ ("div.department_block"). Eq (index) .remove () ؛ // قم بإزالة خانة الاختيار المحددة // يتم تعيين خانة الاختيار على $ غير محدد ("div.pop_sele"). البحث ("div"). البحث ("إدخال [type = 'checkbox']: checked"). كل (دالة () {if ($ (this) .val () == val) {$ (this) .attr ( // تعديل قيمة فئة القسم cg_str = cg_str.replace (val + '/' ، "") ؛ type = type.replace (labelval + ' +' ، "") ؛ num-؛} // أغلق وظيفة خيار فئة القسم checkReturn () {// ضع القيمة في مربع النص var cg_ids = cg_str.substring (0 ، cg_str.length-1) ؛ var type_str = type.substring (0 ، type.length-1) ؛ $ ("#cg_str"). val (cg_ids) ؛ $ ("#type"). val (type_str) ؛ $ ('#closepopwindow'). fadeout () ؛} </script>ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.