테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

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

Suprussy73 2년 전 조회 2,811
답변 2
목록

안녕하세요

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

 

form 관련 내용이구요,

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

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

코드 남겨놓습니다.

 

</p>

<p><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></p>

<p>

 

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

 

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

 

감사합니다.

#form #required #radio #폼 #필수입력
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
M
Min아빠
2년 전

</p>

<p>$("#wr_cmpny").attr({"required":false);</p>

<p>

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

S
Suprussy73
2년 전
[code]$("#wr_2, #wr_3").attr("required",false);[/code]

참고해서 이렇게 하니까 되네요 ㅎㅎ

감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

바 
required 속성을 태그에서 지우시고 class에 required를 추가하신 후 아래처럼 수정하시면 될것 같습니다.
 if (startSetting == "개인") {
                        $("#wr_cmpny,#wr_pstcd").removeClass('required').hide();
                   } else {
                        $("#wr_cmpny,#wr_pstcd").addClass('required').show();
}
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인