a href 링크로 라디오박스 선택 정보
JavaScript 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에서 이동 됨]
추천
0
0
댓글 8개
이거 상당히 유용하게 쓰일거 같네요....폼은 숨기고 링크만 나오게 해서 값을 넘기는 경우 필요할거 같군요.
감사합니다.
근데..고냉이님..한수좀 가르쳐 주시겠습니까???
저도 그누게시판을 사용하고 있습니다만, 위처럼 '폼'도 보이고 아래 '소스코드'도 보이고
이거 어떻게 작성하는건가요??
이소스가 필요해서 제 게시판에 긁어넣으면서 'html'로 저장하니 소스코드는 안보이고
'html'로 저장을 안하면 '라디오폼'이 안보이고..
방법좀 갈켜주세염~
감사합니다.
근데..고냉이님..한수좀 가르쳐 주시겠습니까???
저도 그누게시판을 사용하고 있습니다만, 위처럼 '폼'도 보이고 아래 '소스코드'도 보이고
이거 어떻게 작성하는건가요??
이소스가 필요해서 제 게시판에 긁어넣으면서 'html'로 저장하니 소스코드는 안보이고
'html'로 저장을 안하면 '라디오폼'이 안보이고..
방법좀 갈켜주세염~

네 맞습니다. hidden 해서 은근슬쩍 체크 가능합니다^^
"폼도 보이고 아래 소스도 보이고" 이건..... 풀html 로 설정하고
위지윅 에디터에서 작성하고 한번은 태그로, 한번은 보이는 태그로 붙여넣기 한겁니다
< > 이 꺽쇠를 그냥 써버리면 태그로 인식되버리죠.<는 < >는 >로 하면 문자로 표시됩니다.
그게 아니면. 더 간단하게
풀 html로 하시고
<xmp>
태그
</xmp>
사이에 태그를 넣으면 있는그대로 보여줍니다.
한번은 그냥. 한번은 xmp로 감싸서....
두번 올리시면 역시 같은효과(?)를 냅니다^^
"폼도 보이고 아래 소스도 보이고" 이건..... 풀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>&nbsp;</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>&nbsp;</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>&nbsp;</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>
글작성시에 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>&nbsp;</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>&nbsp;</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>&nbsp;</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>

앗. 한발 늦었군요 ㅎㅎ
위소스보단 위에 고냉이님께서 알려주신 <xmp> </xmp> 태그를 사용하시는것이 좋습니다.
제가 전에 알려드렸던 것도 있군요.
http://www.sir.co.kr/bbs/board.php?bo_table=pl_css&wr_id=12
제가 전에 알려드렸던 것도 있군요.
http://www.sir.co.kr/bbs/board.php?bo_table=pl_css&wr_id=12
위의 역할을 하는 태그가 <label> 입니다.
<input type="radio" name="wr_1" value=0 id=source0><br><label for="source0">라디오 선택1</label>
굳이 자바스크립트를 사용할 필요가 없죠... ^^;;
<input type="radio" name="wr_1" value=0 id=source0><br><label for="source0">라디오 선택1</label>
굳이 자바스크립트를 사용할 필요가 없죠... ^^;;
어휴...좋은 정보들을 많이 주셨네요...정말 고맙습니다
위 리플다신분들 모든분께 감사드립니다. 좋은 팁 챙겨갑니다. ^^
위 리플다신분들 모든분께 감사드립니다. 좋은 팁 챙겨갑니다. ^^
좋은정보가 많다.