테스트 사이트 - 개발 중인 베타 버전입니다

체크박스를 누를시에 특정체크박스만 나오게 하는방법이 있나요?? 채택완료

호우민 7년 전 조회 1,866

안녕하세요 제가 게시판 write.skin.php에

</p>

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


<input type="checkbox" name="wr_4" id="wr_4" value="D"><label for="wr_4">DDD</label></p>

<p>

이렇게 써놓은 부분이 있습니다.

만약에 AAA체크박스를 클릭하면

</p>

<p><input type="checkbox" name="wr_5" id="" value="1"><label for="rctp2">111</label></p>

<p><input type="checkbox" name="wr_6" id="" value="2"><label for="rctp2">222</label></p>

<p>

이렇게 두 체크박스가 나오게하고

 

또 만약에 BBB체크박스를 클릭하면

</p>

<p><input type="checkbox" name="wr_7" id="" value="1"><label for="rctp2">333</label></p>

<p><input type="checkbox" name="wr_8" id="" value="2"><label for="rctp2">444</label></p>

<p><input type="checkbox" name="wr_9" id="" value="3"><label for="rctp2">555</label></p>

<p>

이렇게 세개의 체크박스가 나오게 하고싶은데

방법이 있을까요??

 

번거로운 질문 해드려서 죄송합니다. 그누보드 답변 해주시는분들 항상 감사드립니다!!!

 

 

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

답변 1개

채택된 답변
+20 포인트
e
7년 전

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>

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

답변에 대한 댓글 1개

e
eyekiss
7년 전
checkbox 체크여부 확인해서 보여주고 감추는 건,
검색해서 응용해보세요.
가만히 앉아서 배울수는 없습니다..^^

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

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

로그인