Создание списка чекбоксов

Создание чекбоксов

by Евгений Дзюба

HTML

<div id="hiden">ddss  
<ul>
                <li><a href="../index.shtml"><img class="button_home" width="25" height="25" src="../img/home-icon2.png"></a></li>
               <hr class="mobile_hr">
                    <a id="TR1_link"></a> 
           <li class="TR1_menu" style="background: rgb(0, 0, 0);"><a href="#TR1_link" onclick="TR1_open()" ;="">Тепловой район №1</a>
               <ul id="TR1" class="TR1_class">
                  <li class="Gorb2" style="background: rgb(0, 0, 0);"><a href="/Gorb_2/Gorb_2.shtml">Горбаневский 2</a></li>
                  <li class="Komar2" style="background: rgb(0, 0, 0);"><a href="/Komar_2/Komar_2.shtml">Комарова 2а</a></li>   
               </ul>  
           </li>  
             <hr class="mobile_hr">
            <a id="TR2_link"></a> 
           <li class="TR2_menu" style="background: rgb(0, 0, 0);"><a href="#TR2_link" onclick="TR2_open()" ;="">Тепловой район №2</a>
               <ul id="TR2" class="TR2_class">
                  <li class="Lev5" style="background: rgb(0, 0, 0);"><a href="/Levan_5/Levan_5.shtml">Леваневского 5</a></li>
                  <li class="Lenin91" style="background: rgb(0, 0, 0);"><a href="/Lenina_91/Lenina_91.shtml">Ленина 91</a></li>
                  <li class="Nariman47" style="background: rgb(0, 0, 0);"><a href="/Nariman_47/Nariman_47.shtml">Наримановская 47</a></li>
                  <li class="Pervomay24" style="background: rgb(0, 0, 0);"><a href="/Pervomay_24/Pervomay_24.shtml">Первомайская 24</a></li>
                  <li class="Sakko19" style="background: rgb(0, 0, 0);"><a href="/Sakko_19/Sakko_19.shtml">Сакко 19</a></li>
                  <li class="Tunel16" style="background: rgb(0, 0, 0);"><a href="/Tunel_16/Tunel_16.shtml">Тунельная 16</a></li>
                                                
               </ul>
            </li>
             <hr class="mobile_hr">
            <a id="TR3_link"></a> 
           <li class="TR3_menu" style="background: rgb(0, 0, 0);"><a...

CSS

#hiden{
  display:none;
}

JavaScript

$("li, hr").each(function(){

var trName= $(this).children("a[href^='#TR']");
var trId= trName.parent().children("[id^='TR']").attr('id');
var boilerName= $(this).children("a[href$='.shtml']"); 
var trID=boilerName.parent().parent().attr('id');
var hr=$(this).attr('class');

      if(trName && trId) {
          $('body').append('<div id="'+'s'+trId+'">'+trName.text()+'</div>');
         //alert(trId);
      }

      if(boilerName && trID){ 
         $('#'+'s'+trID+'').append('<div><input type="checkbox">'+boilerName.text()+'</div>');  
      }
      
      if(hr=='mobile_hr') {
          $('body').append('<hr>');
			}
      

});