develop/java script

checkbox tree list value 가져오기

hybr1d 2014. 11. 12. 15:51

<script type="text/javascript" src="../js/jquery-checktree.js"></script>

$(document).ready(function(){

//jQuery.treeview

$("#navigation").checktree();

//value 가져오기

var checked = [];

$("input:checkbox[name='group1']").each(function() {

   var name = this.name;

   var val = this.value;

   if (val) {

       checked[name] = val;

   }

}).on('change', function() {

   var name = this.name;

   var val = this.value;

   if (val) {

       checked[name] = val;

   } else {

       delete checked[name];

   }

});

});


<ul id="navigation">

              <li><label><input type="checkbox" name="group1" value="100" />해양기후</label>

              <ul>

              <li><label><input type="checkbox" name="group1" value="101" />기온</label></li>

              <li><label><input type="checkbox" name="group1" value="102" />풍속</label></li>

              <li><label><input type="checkbox" name="group1" value="103" />풍향</label></li>

              <li><label><input type="checkbox" name="group1" value="104" />기압</label></li>

                            <li><label><input type="checkbox" name="group1" value="105" />평균파고</label></li>

                            <li><label><input type="checkbox" name="group1" value="106" />유의파고</label></li>

                            <li><label><input type="checkbox" name="group1" value="107" />파향</label></li>

              </ul>

              </li>

              <li><label><input type="checkbox" name="group1" value="200" />해양수질</label>

                            <ul>

                                <li><label><input type="checkbox" name="group1" value="201" />수온</label></li>

                                <li><label><input type="checkbox" name="group1" value="202" />염분</label></li>

                                <li><label><input type="checkbox" name="group1" value="203" />용존산소량</label></li>

                                <li><label><input type="checkbox" name="group1" value="204" />화학산소요구량</label></li>

                                <li><label><input type="checkbox" name="group1" value="205" />PH 총 질소</label></li>

                                <li><label><input type="checkbox" name="group1" value="206" />총인</label></li>

                                <li><label><input type="checkbox" name="group1" value="207" />탁도</label></li>

                            </ul>

              </li>

                    <li><label><input type="checkbox" name="group1" value="300" />연안안전정보</label>

                            <ul>

                                <li><label><input type="checkbox" name="group1" value="301" />조위</label></li>

                            </ul>

                    </li>

                  </ul>