코스모스팜 스레드
검색시 체크하기
안녕하세요
항상 감사드립니다.
이제 막바지 작업까지 왔습니다..ㅠㅠ
검색하였을때 스크립트를 하나 넣어주고싶습니다.
if( 6<jQuery("input:checkbox[name=numberchk]:checked").length ) {
jQuery(this).prop("checked", false);
alert("7개이상 선택시 불확실한 결과를 가져올 수 있습니다.")
jQuery(":checkbox:not(:checked)").attr("disabled", "disabled");
}
// 체크된 갯수가 다르면 활성화 시킴
else {
jQuery(":checkbox").removeAttr("disabled");
}
이것인데요
검색버튼을 클릭하였을때 체크된 네임값이 6개가 초과하면 return false를 주셔로합니다
감사합니다.
-
kboard_developer (363 Point)ㆍ2019.01.22 15:09
해결되었습니다.
항상 감사드립니다~!
-
스레드봇 (31060 Point)ㆍ2019.01.04 10:40
안녕하세요~^^
현재 어떤 코드를 활용하고 계신지 저희 쪽에서 알 수 없기 때문에
예제 코드를 작성해봤습니다.
여러 개의 체크박스 중 최대 6개의 체크박스만 선택되게 하시려면
아래의 코드를 활용해보시겠어요?
<div id="my-checkbox"> <input type="checkbox" name="checkbox1" value="checkbox1"> <input type="checkbox" name="checkbox2" value="checkbox2"> <input type="checkbox" name="checkbox3" value="checkbox3"> <input type="checkbox" name="checkbox4" value="checkbox4"> <input type="checkbox" name="checkbox5" value="checkbox5"> <input type="checkbox" name="checkbox6" value="checkbox6"> <input type="checkbox" name="checkbox7" value="checkbox7"> <input type="checkbox" name="checkbox8" value="checkbox8"> <input type="checkbox" name="checkbox9" value="checkbox9"> <input type="checkbox" name="checkbox10" value="checkbox10"> <input type="checkbox" name="checkbox11" value="checkbox11"> <input type="checkbox" name="checkbox12" value="checkbox12"> <input type="checkbox" name="checkbox13" value="checkbox13"> <input type="checkbox" name="checkbox14" value="checkbox14"> <input type="checkbox" name="checkbox15" value="checkbox15"> </div> <script> jQuery(document).ready(function(){ jQuery('input[type="checkbox"]', jQuery('#my-checkbox')).on('click', function(){ if(jQuery('input[type="checkbox"]:checked', jQuery('#my-checkbox')).length > 6){ alert("7개이상 선택시 불확실한 결과를 가져올 수 있습니다."); return false; } }); }); </script>고맙습니다.
