라디오 버튼 선택 시 셀렉트박스 노출 채택완료
qoqofh
4년 전
조회 1,963
라디오 1
○ 라디오1-1 ● 라디오 1-2
라디오 2
○ 라디오2-1 ● 라디오 2-2 ○ 라디오 2-3
라디오 3
● 라디오3-1 ○ 라디오 3-2 ○ 라디오 3-3
이렇게 체크가 되었을 때,
셀렉트 박스를 노출시키려 합니다. 참고할만 한 자료가 있을까요?
또한,
라디오 1
● 라디오1-1 ○ 라디오 1-2
라디오 2
● 라디오2-1 ○ 라디오 2-2 ○ 라디오 2-3
라디오 3
● 라디오3-1 ○ 라디오 3-2 ○ 라디오 3-3
이렇게 선택될 경우 다른 셀렉트를 불러오려 합니다.
</p>
<p><tr>
<th scope="row">라디오1</th>
<td>
<!--<label><input type="radio" name="wr_1" value="" <? if($_GET['wr_1'] == ""){ echo 'checked'; } ?>> 전체</label>-->
<label><input type="radio" name="wr_1" value="라디오1-1" <? if($_GET['wr_1'] == "라디오1-1"){ echo 'checked'; } ?>> 라디오1-1</label>
<label><input type="radio" name="wr_1" value="라디오1-2" <? if($_GET['wr_1'] == "라디오1-2"){ echo 'checked'; } ?>> 라디오1-2</label>
</td>
</tr>
<tr>
<th scope="row">라디오2</th>
<td>
<label><input type="radio" name="wr_2" value="라디오2-1" <? if($_GET['wr_2'] == "라디오2-1"){ echo 'checked'; } ?>> 라디오2-1</label>
<label><input type="radio" name="wr_2" value="라디오2-2" <? if($_GET['wr_2'] == "라디오2-2"){ echo 'checked'; } ?>> 라디오2-2</label>
<label><input type="radio" name="wr_2" value="라디오2-3" <? if($_GET['wr_2'] == "라디오2-3"){ echo 'checked'; } ?>> 라디오2-3</label>
</td>
</tr>
<tr>
<th scope="row">라디오3</th>
<td>
<label><input type="radio" name="wr_4" value="라디오3-1" <? if($_GET['wr_4'] == "라디오3-1"){ echo 'checked'; } ?>> 라디오3-1</label>
<label><input type="radio" name="wr_4" value="라디오3-2" <? if($_GET['wr_4'] == "라디오3-21"){ echo 'checked'; } ?>> 라디오3-2</label> </p>
<p> <label><input type="radio" name="wr_4" value="라디오3-3" <? if($_GET['wr_4'] == "라디오3-3"){ echo 'checked'; } ?>> 라디오3-3</label> </p>
<p> </td>
</tr>
<tr>
<th scope="row">셀렉트</th>
<td>
<select name="wr_3" id="wr_3" class="frm_input">
<option value="">선택해주세요.</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
<script>$("#wr_3").val("<?=$_GET['wr_3']?>")</script>
</td>
</tr></p>
<p>
요소 박스가 한가지이면 onclick으로 진행하면될텐데.... 3가지 이상이 되어있는 상태여서요 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
마르스컴퍼니
Expert
4년 전
</p>
<p><script>
$('input[name=wr_1], input[name=wr_2], input[name=wr_4]').on('change', function() {
var wr_1 = $('input[name=wr_1]:checked').val();
var wr_2 = $('input[name=wr_2]:checked').val();
var wr_4 = $('input[name=wr_4]:checked').val();
if (wr_1 == "라디오1-2" && wr_2 == "라디오2-2" && wr_4 == "라디오3-1") {
$('select[name=wr_3]').show();
}
});
</script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인