상위라디오 버튼 선택시 해당하는 하위 라디오 버튼이 체크가 되어지게..and 결과값이 나온 칸이 다른 버튼을 선택시 없어지게 하고 싶습니다.^^. 채택완료
아미꼬
11년 전
조회 5,651
상위라디오 버튼 선택시 해당하는 하위 라디오 버튼이 체크가 되어지게..and 결과값이 나온 칸이 다른 버튼을 선택시 없어지게 하고 싶습니다.^^.
http://ucnetworks.co.kr/bbs/sample/busi03_costtab.php">http://ucnetworks.co.kr/bbs/sample/busi03_costtab.php
지금 계산식은 아니고 해당하는 결과에 따라 특정값이 나오도록 해놨는데요..
해당하는 라디오 버튼 선택시 하위라디오 버튼이 자동으로 선택이 지금 안되어 있어서.. 어떤걸 선택해야 하나?
해깔리게 만들어 놨습니다. 물론 다른 하위라디오 버튼은 선택이 안됩니다.
그리고 라디오 버튼클릭시 값이 도출되어 지는데.. 다른 라디오 체크시 값이 없어 지지 않고 그대로 나타나 있습니다.
소스는 무진장 간단합니다.
| DVD녹화기 | SD | HD | ||||
| SKT-D04 DVR | SKT-D08 DVR | SKT-D16 DVR | SKY-H04 DVR | SKY-H08 DVR | SKY-H16 DVR | |
| 카메라 | 4대 | 8대 | 16대 | 4대 | 8대 | 16대 |
| 월부담금(VAT포함) | 원 | 원 | 원 | 원 | 원 | 원 |
| 이자포함 | 원 | 원 | 원 | 원 | 원 | 원 |
| 보험+월서비스 포함 | 원 | 원 | 원 | 원 | 원 | 원 |
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
11년 전
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></p>
<p><form name="fr" style="font-family:'돋움'; width:940px; font-size:10px;"> </p>
<p><table width="940px" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="160" rowspan="2">DVD녹화기</td>
<td colspan="3" align="center">SD</td>
<td colspan="3" align="center">HD</td>
</tr>
<tr>
<td width="130" align="center"> <INPUT type="radio" value="0" name="kind1" onclick="ok('47660','52120','56420')" >SKT-D04 DVR</td>
<td width="130" align="center"> <INPUT type="radio" value="1" name="kind1" onclick="ok('80360','87880','92180')" >SKT-D08 DVR</td>
<td width="130" align="center"> <INPUT type="radio" value="2" name="kind1" onclick="ok('139330','152370','156670')" >SKT-D16 DVR</td>
<td width="130" align="center"> <INPUT type="radio" value="3" name="kind1" onclick="ok('62630','68500','72800')" >SKY-H04 DVR</td>
<td width="130" align="center"> <INPUT type="radio" value="4" name="kind1" onclick="ok('94110','102910','107210')" >SKY-H08 DVR</td>
<td width="130" align="center"> <INPUT type="radio" value="5" name="kind1" onclick="ok('198610','217200','221500')" >SKY-H16 DVR</td>
</tr>
<tr>
<td>카메라</td>
<td align="center"><INPUT type="radio" value="0" name="kind2">4대</td>
<td align="center"><INPUT type="radio" value="1" name="kind2">8대</td>
<td align="center"><INPUT type="radio" value="2" name="kind2">16대</td>
<td align="center"><INPUT type="radio" value="3" name="kind2">4대</td>
<td align="center"><INPUT type="radio" value="4" name="kind2">8대</td>
<td align="center"><INPUT type="radio" value="5" name="kind2">16대</td>
</tr>
<tr>
<td>월부담금(VAT포함)</td>
<td align="center"><input type="text" name="total11" id="total11" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total21" id="total21" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total31" id="total31" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total41" id="total41" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total51" id="total51" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total61" id="total61" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
</tr>
<tr>
<td>이자포함</td>
<td align="center"><input type="text" name="total12" id="total12" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total22" id="total22" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total32" id="total32" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total42" id="total42" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total52" id="total52" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total62" id="total62" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
</tr>
<tr>
<td>보험+월서비스 포함</td>
<td align="center"><input type="text" name="total13" id="total13" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total23" id="total23" value="" class="button" height="20" size="6" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total33" id="total33" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total43" id="total43" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total53" id="total53" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
<td align="center"><input type="text" name="total63" id="total63" value="" class="button" size="6" height="20" readonly style="text-align:right; font-size:18px; font-weight:bold;">원</td>
</tr>
</table>
</form>
<script>
function ok(t1,t2,t3) { </p>
<p>var fr = document.fr; //젤 먼저...
for(i=0;i<6;i++)
{
if(fr.kind1[i].checked==true)
{
for(j=0;j<6;j++)
{
k=j+1;
total0="total"+k+"1";
total1="total"+k+"2";
total2="total"+k+"3";
if(i==j)
{
fr.kind2[j].disabled=false;
fr.kind2[j].checked=true;</p>
<p> document.getElementById(total0).value=t1;
document.getElementById(total1).value=t2;
document.getElementById(total2).value=t3;
}else{
fr.kind2[j].disabled=true;
document.getElementById(total0).value="";
document.getElementById(total1).value="";
document.getElementById(total2).value="";</p>
<p> }
}
}
}
}</p>
<p> </p>
<p></script>
이렇게 하시면 되실겁니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
아미꼬
11년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이 소스를 보니 제가 열심히 맹근 소스와 전혀 다른 느낌이네요. 차이가 있는만큼 공부하는데
많은 도움이 되겠습니다. 다시 한번 감사의 인사 드려요.