SIR
마

특정 라디오 버튼 선택시 추가 입력사항이 나타나는것에 대해서....

김민수
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 1489 · 3
반갑습니다.
여러개의 라디오 항목중 특정 라디오 버튼 하나를 선택하게 되면 2개정도의 입력폼이 아래로 하여 입력을 할수 있게 하려 합니다.
 
예를들어  라디오2를 선택하면 아래와 같은 폼입력창이 나타나게 하려 합니다.
일반적인때는 히든이겠지요.
라디오1  라디오2 라디오3
  입력1입력1
|
글쓰기

댓글 3개

지지니아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
http://blueb.co.kr/bbs.php?table=JS_08&query=view&uid=169&p=

를 참고삼아 보시기를 권해 드립니다.
카카트
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
소스가 약간 지저분하긴 한데 원하시는 답이 되지 않았나 싶습니다
아래 메가패스 나 하나포스 선택해보세요
<Script Language="JavaScript">
<!--
function show_product(type) {
var megapass = document.all['megapass'];
var hanafos = document.all['hanafos'];
var powercom = document.all['powercom'];

if (type == "megapass") {
megapass.style.display = "block";
hanafos.style.display = "none";
powercom.style.display = "none";
} else if (type == "hanafos") {
megapass.style.display = "none";
hanafos.style.display = "block";
powercom.style.display = "none";
} else if (type == "powercom") {
megapass.style.display = "none";
hanafos.style.display = "none";
powercom.style.display = "block";
}
}


//-->
</Script>


<table width="660" border=" 0" cellspacing="0" cellpadding="0">
<tr>
<td width="660"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="register" method="post" action="wow_gaip_end.php">
<tr>
<td valign="top" width="640"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td height="90">
<p>&nbsp;</p>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="27"><font color="#666666"><strong>2.
인터넷 상품 정보</strong></font></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="2" colspan="2" bgcolor="#CDCDC4"></td>
<td></td>
<td></td>
</tr>
<tr>
<td width="20%" height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">인터넷
선택 </font></strong></td>
<td bgcolor="#FFFFFF">
<table width="428" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="73" style="font-size:9pt">
<input type="radio" value="메가패스" name="wr_40" onClick="show_product('megapass')">
메가패스</td>
<td width="72" style="font-size:9pt">
<input type="radio" name="wr_40" value="하나포스" onClick="show_product('hanafos')">
하나포스 </td>
<td width="60" style="font-size:9pt">
<input type="radio" name="wr_40" value="파워콤" onClick="show_product('powercom')">
파워콤</td>
</tr>
</table></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<!-- 메가패스 시작 -->
<tr id="megapass" style="display:none;">
<td width="20%" height="30" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">서비스
유형</font></strong></td>
<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="31%" style="font-size:9pt">
<input type="radio" name="wr_41" value="메가패스 프리미엄">
메가패스 프리미엄</td>
<td width="35%" style="font-size:9pt">
<input type="radio" name="wr_41" value="메가패스 라이트">
메가패스 라이트</td>
<td width="34%" style="font-size:9pt">
<input type="radio" name="wr_41" value="엔토피아">
메가패스 엔토피아 </td>
</tr>
<tr>
<td style="font-size:9pt">
<input type="radio" name="wr_41" value="스카이">
메가패스 스카이 </td>
<td style="font-size:9pt">
<input type="radio" name="wr_41" value="체크라인">
KT전화</td>
<td style="font-size:9pt">&nbsp;
</td>
</tr>
</table> </td>
<td></td>
<td></td>
</tr>
<!-- 메가패스 끝 -->
<!-- 하나포스 시작 -->
<tr id="hanafos" style="display:none;">
<td width="20%" height="30" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">서비스
유형 </font></strong></td>
<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="31%" style="font-size:9pt">
<input name="j_bank_card" type="text" class="txt" id="wr_45" size="14"> &nbsp;PRO
<td width="35%" style="font-size:9pt">
<input name="j_bank_card" type="text" class="txt" id="wr_45" size="14"> 하나포스</td>
<td width="34%" style="font-size:9pt">
<input name="j_bank_card" type="text" class="txt" id="wr_45" size="14"> &nbsp;LITE</td>
</tr>
</table> </td>
<td></td>
<td></td>
</tr>
<!-- 하나포스 끝 -->
<!-- 파워콤 시작 -->
<tr id="powercom" style="display:none;">
<td width="20%" height="30" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">서비스
유형</font></strong></td>
<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="31%" style="font-size:9pt">
<input type="radio" name="wr_41" value="프라임">
프라임</td>
<td width="35%" style="font-size:9pt">
<input type="radio" name="wr_41" value="광랜">
광랜</td>
<td width="34%" style="font-size:9pt">&nbsp;</td>
</tr>
</table> </td>
<td></td>
<td></td>
</tr>
<!-- 두루넷 끝 -->

<tr id = "hanafos_bar" style="display:none">
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<tr id = "hanafos_service" style="display:none">
<td height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">서비스
종류 </font></strong></td>
<td bgcolor="#FFFFFF" style="font-size:9pt"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="39%" style="font-size:9pt">
<input name="j_kind" type="radio" value="Lite(2M)">
Lite(2M) </td>
<td width="61%" style="font-size:9pt">
<input type="radio" name="j_kind" value="Pro(10M)">
Pro(10M) </td>
</tr>
</table> </td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<tr>
<td height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">계약기간</font></strong></td>
<td bgcolor="#FFFFFF" style="font-size:9pt"><table width="428" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="73" style="font-size:9pt">
<input type="radio" name="wr_42" value="3년 약정">
3년 약정</td>
<td width="87" style="font-size:9pt">
<input type="radio" name="wr_42" value="2년 약정">
2년 약정 </td>
<td width="82" style="font-size:9pt">
<input type="radio" name="wr_42" value="1년 약정">
1년 약정 </td>
<td width="93" style="font-size:9pt">
<input type="radio" name="wr_42" value="무약정">
무약정 </td>
<td width="78" style="font-size:9pt">&nbsp;</td>
</tr>
<tr>
<td colspan="5" style="font-size:9pt">
<font color="#9933CC">(※ 1년이상계약시 기본요금
5%~15% 할인)</font></td>
</tr>
</table> </td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<tr>
<td height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">건물형태</font></strong></td>
<td bgcolor="#FFFFFF">
<table width="428" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="73" style="font-size:9pt">
<input type=radio value=단독 name="wr_43" checked>
단독</td>
<td width="87" style="font-size:9pt">
<input type=radio value=아파트 name="wr_43">
아파트</td>
<td width="82" style="font-size:9pt">
<input type=radio value=빌딩 name="wr_43">
빌딩</td>
<td width="78" style="font-size:9pt">
<input type=radio value=다세대 name="wr_43">
다세대</td>
<td width="78" style="font-size:9pt">
<input type=radio value=연립 name="wr_43">
연립</td>
</tr>
</table></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<tr>
<td height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">면제혜택</font></strong></td>
<td bgcolor="#FFFFFF">
<table width="428" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="72" style="font-size:9pt">
<input type="radio" name="wr_44" value="일반인" checked>
일반인</td>
<td width="86" style="font-size:9pt">
<input type="radio" name="wr_44" value="장애인">
장애인</td>
<td width="158" style="font-size:9pt">
<input type="radio" name="wr_44" value="국가유공자">
국가유공자</td>
<td width="82">&nbsp;</td>
</tr>
</table></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" bgcolor="#DADADA" height="1"></td>
</tr>
<tr bgcolor="#CDCDC4">
<td height="2" colspan="4"></td>
</tr>
<!--<tr>
<td height="27" bgcolor="#F3F3EA" style="font-size:9pt">　<strong><font color="#7E7E75">사은품
신청</font></strong></td>
<td bgcolor="#FFFFFF">&nbsp; <input name="j_gift" type="text" class="txt" id="j_gift" size=50></td>
</tr>
<tr>
<td height="2" colspan="2" bgcolor="#CDCDC4"></td>
</tr>-->
</table>
</td>
</tr>
</table></td>
</tr>
</table>
김김민수
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
감사합니다.
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
19년 전 조회 1,690
19년 전 조회 1,556
19년 전 조회 1,594
19년 전 조회 1,775
19년 전 조회 1,695
19년 전 조회 1,468
19년 전 조회 1,550
19년 전 조회 1,596
19년 전 조회 1,619
19년 전 조회 1,490
19년 전 조회 3,074
19년 전 조회 1,640
19년 전 조회 1,687
19년 전 조회 1,728
19년 전 조회 1,748
19년 전 조회 1,524
19년 전 조회 1,560
19년 전 조회 1,536
19년 전 조회 1,513
19년 전 조회 1,629
이전 첫 페이지 다음
글쓰기
🐛 버그신고