라디오버튼클릭시 숨겨진 div보이기
본문
라디오버튼을 클릭시 css로 display:none으로 걸려져있는 div박스를 보이게하고싶습니다
라디오버튼 예를 클릭하면 #wrapdiv가 보이게하고 아니오하면 #wrapdiv박스가 숨기는겁니다
워드프레스를 이용하고있는데요
소스는 아래와같습니다
도움좀 부탁드려요 ㅠㅠ
스크립트 초보라... 워드프레스 라디오버튼은 onclick이라는게 없어서 애를 먹고있네요 ㅠ
<div class="div_radio"><input type="radio" name="highage" id="highage_1" value="예"> <label for="highage_1" id="label_highage_1" class="radio">예</label>
<input type="radio" name="highage" id="highage_2" value="아니오"> <label for="highage_2" id="label_highage_2" class="radio">아니오</label></div>
<div id="wrapdiv">내용</div>
답변 2
매주 3개씩 고생하십니다.
$(document).ready(function() {
$('input[name="highage"]').on('click', function() {
var selectedValue = $(this).val();
if (selectedValue === '예') {
$("#wrapdiv").show();
} else if (selectedValue === '아니요') {
$("#wrapdiv").hide();
}
});
});
로 한번 해보세요.
