코스모스팜 스레드

검색시 체크하기

안녕하세요

항상 감사드립니다.

이제 막바지 작업까지 왔습니다..ㅠㅠ

 

검색하였을때 스크립트를 하나 넣어주고싶습니다. 

 

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를 주셔로합니다

 

감사합니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    현재 어떤 코드를 활용하고 계신지 저희 쪽에서 알 수 없기 때문에

    예제 코드를 작성해봤습니다.

     

    여러 개의 체크박스 중 최대 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>

    고맙습니다.

  • 해결되었습니다.

     

    항상 감사드립니다~!

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)