반응형 체크박스3 체크박스 상위 노드 찾기(2) - 중복체크 방지, 전체 선택, 전체 해제 체크박스 상위 노드 찾기(1)에서 만든 아래의 체크박스 트리에서A, B, C 그룹 하나만 체크하고, 각 그룹마다 하나만 체크되게 해야할때 1234567891011$(".TreePd input[name='chk_tree']").click(function(){ var chkid = $(this).parents(".Tree_sTx").attr('value'); if($(this).is(":checked") == true){ $("input[type=checkbox]").prop("checked",false); $(this).prop("checked",true); $("[value = '"+chkid+"']").prop('checked', true); }else $("input[type=checkbox]").p.. 2017. 12. 20. 체크박스 상위 노드 찾기(1) 12345678910111213141516171819202122 ${att.g2_NAME } ${a.g2_NAME } Colored by Color Scriptercs 위 소스 구조를 그림으로 나타내면 다음과 같다. JSTL 을 이용하여 DB에서 조회된 값으로 체크박스 트리를 만들었다.Jquery 로 체크박스를 제어하기 위해 상위 노드들을 찾는다. $("input[name='chk_tree']").click(function(){ - this.value , $(this).val() : 선택한 Tree_sTx 의 체크박스 value 값 - this.checked , $(this).is(":checked") : 선택한 체크박스의 체크 여부 - $(this).parents(".treebx").attr('valu.. 2017. 12. 20. 체크박스 중복 체크 방지 ** 스크립트 12345678910111213141516171819var cnt=0;function checkTree(){ var tree = document.getElementsByName("chk_tree"); tree[0].checked = true; for(i=1; i 2017. 12. 19. 이전 1 다음 728x90 반응형
