a href 링크로 라디오박스 선택
■ a href링크로 특정 라디오박스를 체크해줍니다. (gnuboard4 컨버터에서 뽀려옴. IE,파폭에서 잘 됨)
■ 예제
라디오 선택1
라디오 선택2
라디오 선택3
라디오 선택4
■ 소스는 아래와 같습니다.
|
<input type="radio" name="wr_1" value=0 id=source0><br><a href="javascript:;" onclick="document.getElementById('source0').checked=true;">라디오 선택1</a> <p> </p> <input type="radio" name="wr_1" value=1 id=source1><br><a href="javascript:;" onclick="document.getElementById('source1').checked=true;">라디오 선택2</a> <p> </p> <input type="radio" name="wr_1" value=2 id=source2><br><a href="javascript:;" onclick="document.getElementById('source2').checked=true;">라디오 선택3</a> <p> </p> <input type="radio" name="wr_1" value=3 id=source3><br><a href="javascript:;" onclick="document.getElementById('source3').checked=true;">라디오 선택4</a>
|
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
감사합니다.
근데..고냉이님..한수좀 가르쳐 주시겠습니까???
저도 그누게시판을 사용하고 있습니다만, 위처럼 '폼'도 보이고 아래 '소스코드'도 보이고
이거 어떻게 작성하는건가요??
이소스가 필요해서 제 게시판에 긁어넣으면서 'html'로 저장하니 소스코드는 안보이고
'html'로 저장을 안하면 '라디오폼'이 안보이고..
방법좀 갈켜주세염~
"폼도 보이고 아래 소스도 보이고" 이건..... 풀html 로 설정하고
위지윅 에디터에서 작성하고 한번은 태그로, 한번은 보이는 태그로 붙여넣기 한겁니다
< > 이 꺽쇠를 그냥 써버리면 태그로 인식되버리죠.<는 < >는 >로 하면 문자로 표시됩니다.
그게 아니면. 더 간단하게
풀 html로 하시고
<xmp>
태그
</xmp>
사이에 태그를 넣으면 있는그대로 보여줍니다.
한번은 그냥. 한번은 xmp로 감싸서....
두번 올리시면 역시 같은효과(?)를 냅니다^^
글작성시에 HTML체크 하셨겠죠....
<span class="ct lh"><p>■ a href링크로 특정 라디오박스를 체크해줍니다. (gnuboard4 컨버터에서 뽀려옴. IE,파폭에서 잘 됨)</p>
<p> </p>
<p>■ 예제</p>
<input name="wr_1" value="0" id="source0" type="radio"><br><a href="javascript:;" onclick="document.getElementById('source0').checked=true;">라디오 선택1</a>
<p> </p>
<input name="wr_1" value="1" id="source1" type="radio"><br><a href="javascript:;" onclick="document.getElementById('source1').checked=true;">라디오 선택2</a>
<p> </p>
<input name="wr_1" value="2" id="source2" type="radio"><br><a href="javascript:;" onclick="document.getElementById('source2').checked=true;">라디오 선택3</a>
<p> </p>
<input name="wr_1" value="3" id="source3" type="radio"><br><a href="javascript:;" onclick="document.getElementById('source3').checked=true;">라디오 선택4</a>
<p> </p>
<p> </p>
<p>■ 소스는 아래와 같습니다.</p>
<table align="center" bgcolor="#666666" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
<p><font color="white"> </font></p>
<p><font color="white"><input type="radio" name="wr_1" value=0 id=source0><br><a href="javascript:;" onclick="document.getElementById('source0').checked=true;">라디오 선택1</a></font></p>
<p><font color="white"><p> </p></font></p>
<p><font color="white"><input type="radio" name="wr_1" value=1 id=source1><br><a href="javascript:;" onclick="document.getElementById('source1').checked=true;">라디오 선택2</a></font></p>
<p><font color="white"><p> </p></font></p>
<p><font color="white"><input type="radio" name="wr_1" value=2 id=source2><br><a href="javascript:;" onclick="document.getElementById('source2').checked=true;">라디오 선택3</a></font></p>
<p><font color="white"><p> </p></font></p>
<p><font color="white"><input type="radio" name="wr_1" value=3 id=source3><br><a href="javascript:;" onclick="document.getElementById('source3').checked=true;">라디오 선택4</a></font></p>
<p> </p>
</td>
</tr>
</tbody></table>
<p> </p></span>
제가 전에 알려드렸던 것도 있군요.
http://www.sir.co.kr/bbs/board.php?bo_table=pl_css&wr_id=12
<input type="radio" name="wr_1" value=0 id=source0><br><label for="source0">라디오 선택1</label>
굳이 자바스크립트를 사용할 필요가 없죠... ^^;;
위 리플다신분들 모든분께 감사드립니다. 좋은 팁 챙겨갑니다. ^^