고

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'로 저장을 안하면 '라디오폼'이 안보이고..

방법좀 갈켜주세염~
네 맞습니다. hidden 해서 은근슬쩍 체크 가능합니다^^

"폼도 보이고 아래 소스도 보이고" 이건..... 풀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>
앗. 한발 늦었군요 ㅎㅎ
위소스보단 위에 고냉이님께서 알려주신 <xmp> </xmp> 태그를 사용하시는것이 좋습니다.
제가 전에 알려드렸던 것도 있군요.
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>

굳이 자바스크립트를 사용할 필요가 없죠... ^^;;
어휴...좋은 정보들을 많이 주셨네요...정말 고맙습니다
위 리플다신분들 모든분께 감사드립니다. 좋은 팁 챙겨갑니다. ^^
좋은정보가 많다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
06-02-19 조회 3,166
06-02-02 조회 5,507
06-01-27 조회 3,761
06-01-27 조회 3,546
06-01-26 조회 3,999
06-01-20 조회 4,141
06-01-19 조회 4,182
06-01-15 조회 3,706
06-01-13 조회 4,083
06-01-10 조회 3,674
06-01-10 조회 3,247
06-01-09 조회 3,865
06-01-05 조회 3,527
06-01-05 조회 3,604
06-01-05 조회 4,893
06-01-04 조회 4,354
06-01-04 조회 6,103
05-12-30 조회 3,447
05-12-30 조회 5,597
05-12-30 조회 4,223
05-12-29 조회 3,969
05-12-27 조회 4,829
05-12-23 조회 3,740
05-12-21 조회 4,913
05-12-21 조회 5,158
05-12-16 조회 4,589
05-12-09 조회 4,614
05-12-05 조회 5,218
05-12-01 조회 3,449
05-11-30 조회 6,211
05-11-30 조회 4,758
05-11-29 조회 3,674
05-11-26 조회 3,338
05-11-10 조회 3,789
05-11-09 조회 4,113
05-11-09 조회 3,893
bbbking
05-11-05 조회 6,861
05-10-23 조회 3,767
bbbking
05-10-22 조회 5,388
05-10-20 조회 3,220
05-10-13 조회 8,417
05-10-09 조회 3,517
05-09-29 조회 4,558
05-09-28 조회 5,387
05-09-27 조회 3,656
05-09-27 조회 4,943
05-09-24 조회 4,164
05-09-23 조회 5,174
05-09-22 조회 6,169
05-09-22 조회 5,254
05-09-21 조회 6,918
05-09-15 조회 3,124
05-09-11 조회 4,318
05-09-08 조회 4,572
05-09-08 조회 3,978
05-09-08 조회 3,470
05-09-05 조회 5,687
05-09-04 조회 3,279
05-09-02 조회 3,244
05-09-02 조회 2,896
05-09-02 조회 2,682
05-09-01 조회 4,758
05-09-01 조회 5,891
05-08-31 조회 3,505
05-08-31 조회 4,186
05-08-25 조회 6,878
05-08-25 조회 3,895
05-08-21 조회 3,341
05-08-19 조회 5,593
05-08-18 조회 3,692
05-08-18 조회 3,290
05-08-17 조회 3,795
05-08-16 조회 3,653
05-08-14 조회 3,919
05-08-14 조회 4,400
05-08-08 조회 3,695
05-08-07 조회 5,770
05-08-05 조회 4,254
05-08-04 조회 5,590
05-08-01 조회 4,042
05-07-29 조회 5,159
05-07-29 조회 5,392
05-07-28 조회 8,063
05-07-27 조회 4,846
05-07-25 조회 3,775
05-07-24 조회 5,414
05-07-24 조회 3,236
05-07-22 조회 5,290
05-07-21 조회 4,766
05-07-21 조회 3,585
05-07-19 조회 5,858
bbbking
05-07-19 조회 3,513
05-07-16 조회 5,524
05-07-15 조회 4,613
05-07-14 조회 4,665
05-07-13 조회 4,822
05-07-12 조회 4,218
05-07-12 조회 6,952
05-07-11 조회 3,956
05-07-08 조회 6,831