라디오버튼 체크에 따른 필수입력 항목 속성 변경

라디오버튼 체크에 따른 필수입력 항목 속성 변경

QA

라디오버튼 체크에 따른 필수입력 항목 속성 변경

본문

안녕하세요

어제에 이어 오늘도 질문 드립니다..

 

form 관련 내용이구요,

라디오버튼 체크에 따라 인풋박스가 보이고 안보이고까지는 설정을 했는데 안보이는 상태의 필드가 필수입력항목이라 전송이 되지를 않네요..

관련 내용을 찾아보니 처음에 해당 필드들을 필수로 설정하면 안되는 것 같이 나오던데...해결 가능할까요?

코드 남겨놓습니다.

 


<div class="wr_wrap">
                <h4>법인/개인<sup>*</sup></h4>
                <div>
                    <input type="radio" id="wr_1_1" name="wr_1" value="법인" class="start_type_radio" checked required />
                    <label for="wr_1_1">법인</label>
                </div>
                <div>
                    <input type="radio" id="wr_1_2" name="wr_1" value="개인" class="start_type_radio" required />
                    <label for="wr_1_2">개인</label>
                </div>
            </div>
            <div class="wr_wrap" id="wr_cmpny">
                <h4>회사명 (법인인 경우)<sup>*</sup></h4>
                <label for="wr_2" class="sound_only">회사명 (법인인 경우)<strong>필수</strong></label>
                <input type="text" name="wr_2" value="<?php echo $wr_2 ?>" id="wr_2" required class="frm_input full_input">
            </div>
            <div class="wr_wrap" id="wr_pstcd">
                <h4>우편번호<sup>*</sup></h4>
                <label for="wr_3" class="sound_only">우편번호<strong>필수</strong></label>
                <input type="text" name="wr_3" value="<?php echo $wr_3 ?>" id="wr_3" required class="frm_input full_input">
            </div>
            <script>
            $(document).ready(function () {
                $('input[type="radio"][class="start_type_radio"]').on("click", function () {
                    var startSetting = $(
                        'input[type=radio][class="start_type_radio"]:checked'
                    ).val();
                    if (startSetting == "개인") {
                        $("#wr_cmpny").css("display", "none");
                        $("#wr_pstcd").css("display", "none");
                    } else {
                        $("#wr_cmpny").css("display", "block");
                        $("#wr_pstcd").css("display", "block");
                    }
                });
            });
            </script>

 

'개인'으로 설정했을 경우 회사명과 우편번호의 required 기능이 없어져야 하는 상태입니다.

 

고수님들 도움 부탁드립니다 ㅠ

 

감사합니다.

이 질문에 댓글 쓰기 :

답변 2


$("#wr_cmpny").attr({"required":false);

이런식으로 required를 푸시면 됩니다.

required 속성을 태그에서 지우시고 class에 required를 추가하신 후 아래처럼 수정하시면 될것 같습니다.
 if (startSetting == "개인") {
                        $("#wr_cmpny,#wr_pstcd").removeClass('required').hide();
                   } else {
                        $("#wr_cmpny,#wr_pstcd").addClass('required').show();
}
답변을 작성하시기 전에 로그인 해주세요.
전체 12
QA 내용 검색

회원로그인

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