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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 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>
굳이 자바스크립트를 사용할 필요가 없죠... ^^;;
위 리플다신분들 모든분께 감사드립니다. 좋은 팁 챙겨갑니다. ^^