체크박스를 누를시에 특정체크박스만 나오게 하는방법이 있나요??
본문
안녕하세요 제가 게시판 write.skin.php에
<input type="checkbox" name="wr_1" id="wr_1" value="A"><label for="wr_1">AAA</label>
<input type="checkbox" name="wr_2" id="wr_2" value="B"><label for="wr_2">BBB</label>
<input type="checkbox" name="wr_3" id="wr_3" value="C"><label for="wr_3">CCC/label><br>
<input type="checkbox" name="wr_4" id="wr_4" value="D"><label for="wr_4">DDD</label>
이렇게 써놓은 부분이 있습니다.
만약에 AAA체크박스를 클릭하면
<input type="checkbox" name="wr_5" id="" value="1"><label for="rctp2">111</label>
<input type="checkbox" name="wr_6" id="" value="2"><label for="rctp2">222</label>
이렇게 두 체크박스가 나오게하고
또 만약에 BBB체크박스를 클릭하면
<input type="checkbox" name="wr_7" id="" value="1"><label for="rctp2">333</label>
<input type="checkbox" name="wr_8" id="" value="2"><label for="rctp2">444</label>
<input type="checkbox" name="wr_9" id="" value="3"><label for="rctp2">555</label>
이렇게 세개의 체크박스가 나오게 하고싶은데
방법이 있을까요??
번거로운 질문 해드려서 죄송합니다. 그누보드 답변 해주시는분들 항상 감사드립니다!!!
답변 1
1. 아래 보여질 체크박스를 각각 div로 감싸고 id를 설정합니다.
<div id='aaa'>
AAA체크박스
</div>
<div id='bbb'>
BBB체크박스
</div>
2. 각 체크박스 클릭 시 보여지도록 함수를 만듭니다.
<input type="checkbox" name="wr_1" id="wr_1" value="A" onclick="show_box('aaa')"><label for="wr_1">AAA</label>
<input type="checkbox" name="wr_1" id="wr_1" value="A" onclick="show_box('bbb')"><label for="wr_1">AAA</label>
<script>
function show_box(val) {
$("#"+val).show();
}
</script>
checkbox 체크여부 확인해서 보여주고 감추는 건,
검색해서 응용해보세요.
가만히 앉아서 배울수는 없습니다..^^
답변을 작성하시기 전에 로그인 해주세요.
