본문 바로가기

develop/java script

checkbox tree list value 가져오기

<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>

'develop > java script' 카테고리의 다른 글

ajax form submit  (0) 2016.03.25
JS 생성자?? 프로토 타입???  (0) 2015.02.05
treeview  (0) 2014.11.11
팝업창 띄우기  (0) 2014.11.06
리플 제한 및 글 개수 변화 스크립트  (0) 2014.11.05