체크박스에 대한 스크립트 조건문에 대한 수식

체크박스에 대한 스크립트 조건문에 대한 수식

QA

체크박스에 대한 스크립트 조건문에 대한 수식

본문


$("input:checkbox[name='wr_7[]']").change(function() {
              var wr_7 = $("input:checkbox[name='wr_7[]']:checked").val();
              
              if (wr_7 == "첫번째") {
                  $(".cham_program").css("display", "inline-block");      
                  $(".able_program").css("display", "none");      
                  $(".board_program").css("display", "none");      
                  $(".seoin_program").css("display", "none");      
              } else if (wr_7 == "두번째") {
                  $(".cham_program").css("display", "none");      
                  $(".able_program").css("display", "inline-block");      
                  $(".board_program").css("display", "none");      
                  $(".seoin_program").css("display", "none");      
              } else if (wr_7 == "세번째") {
                  $(".cham_program").css("display", "none");      
                  $(".able_program").css("display", "none");      
                  $(".board_program").css("display", "inline-block");      
                  $(".seoin_program").css("display", "none");      
              } else if (wr_7 == "네번째") {
                  $(".cham_program").css("display", "none");      
                  $(".able_program").css("display", "none");      
                  $(".board_program").css("display", "none");      
                  $(".seoin_program").css("display", "inline-block");      
              }
                
          });

 

이런식으로 스크립트 조건문을 제작하였습니다.

 

그런데 문제가 wr7의 체크박스 값이 첫번째면 값이 잘 나오는데, 

 

만약 첫번째와 두번째가 체크가 되는 경우, cham_program과 able_program이 노출이 되어야 하는데, 

 

두개다 체크된 경우 cham_program값만 나오고, able_program은 나오지 않습니다. 

 

조건식을 다르게 설정해야 할까요?

이 질문에 댓글 쓰기 :

답변 2

$("input:checkbox[name='wr_7[]']").change(function() {
              var wr_7 = $("input:checkbox[name='wr_7[]']:checked").val();
              if (wr_7 == "첫번째") {

if( this.checked)
                  $(".cham_program").css("display", "inline-block");      

else

                  $(".cham_program").css("display", "none");      
              } else if (wr_7 == "두번째") {

...
                  $(".able_program").css("display", "inline-block");      


              } else if (wr_7 == "세번째") {
                  $(".board_program").css("display", "inline-block");      
              } else if (wr_7 == "네번째") {
                  $(".seoin_program").css("display", "inline-block");      
              }
                
          });

 

이렇게 처리해 보세요.

 

나머지도 비슷한 방식으로 하시구요.

답변을 작성하시기 전에 로그인 해주세요.
전체 393
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT