특정 라디오 버튼 선택시 추가 입력사항이 나타나는것에 대해서.... 정보
특정 라디오 버튼 선택시 추가 입력사항이 나타나는것에 대해서....본문
반갑습니다.
여러개의 라디오 항목중 특정 라디오 버튼 하나를 선택하게 되면 2개정도의 입력폼이 아래로 하여 입력을 할수 있게 하려 합니다.
예를들어 라디오2를 선택하면 아래와 같은 폼입력창이 나타나게 하려 합니다.
일반적인때는 히든이겠지요.
라디오1 라디오2 라디오3
입력1입력1
입력1입력1
댓글 전체
소스가 약간 지저분하긴 한데 원하시는 답이 되지 않았나 싶습니다
아래 메가패스 나 하나포스 선택해보세요
<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> </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">
</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"> 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"> 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"> </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"> </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"> </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"> <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>
아래 메가패스 나 하나포스 선택해보세요
<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> </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">
</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"> 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"> 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"> </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"> </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"> </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"> <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>
감사합니다.
