[PREV]
[1]
[NEXT]
|
|
|
 라디오 버튼과 SELECTBOX의 연동
References/JavaScript |
2009/09/02 17:41
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>라디오 버튼과 SELECTBOX의 연동</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript">
function doChooseSelectBox(intSelectIndex) {
$('selectchooser').focus();
$('selectchooser').selectedIndex = intSelectIndex;
}
function doChooseInputBox(intSelectIndex) {
var obj = $('chooser' + intSelectIndex);
obj.checked="checked";
}
</script>
<style type="text/css">
p {
margin:0;
}
#chooser {
width:80px;
height:100px;
}
</style>
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight="0" bgcolor="FFFFFF">
<form name="test" id="test" method="post" action="" onsubmit="return false;">
<p>
<input type="radio" name="chooser" id="chooser1" value="0" onclick="doChooseSelectBox(this.value);" /><label for="chooser1">11111</label>
<input type="radio" name="chooser" id="chooser2" value="1" onclick="doChooseSelectBox(this.value);" /><label for="chooser2">22222</label>
<input type="radio" name="chooser" id="chooser3" value="2" onclick="doChooseSelectBox(this.value);" /><label for="chooser3">33333</label>
<input type="radio" name="chooser" id="chooser4" value="3" onclick="doChooseSelectBox(this.value);" /><label for="chooser4">44444</label>
<input type="radio" name="chooser" id="chooser5" value="4" onclick="doChooseSelectBox(this.value);" /><label for="chooser5">55555</label>
</p>
<p>
<select id="selectchooser" onchange="doChooseInputBox(this.value);">
<option value="1">11111</option>
<option value="2">22222</option>
<option value="3">33333</option>
<option value="4">44444</option>
<option value="5">55555</option>
</select>
</p>
</form>
</body>
</html> |
WOWpc
2009/09/02 17:41
2009/09/02 17:41
|
|
| 이 글의 관련글(트랙백) 주소 :: http://blog.wowpc.net/trackback/320 |
|
|
|
|
|
 |
Coming Soon(순이가 옵니다) (38) |
|
|
|
«
2009/09
»
| 일 |
월 |
화 |
수 |
목 |
금 |
토 |
| |
|
1 |
2 |
3 |
4 |
5 |
| 6 |
7 |
8 |
9 |
10 |
11 |
12 |
| 13 |
14 |
15 |
16 |
17 |
18 |
19 |
| 20 |
21 |
22 |
23 |
24 |
25 |
26 |
| 27 |
28 |
29 |
30 |
|
|
|
|
|
Total : 399523
Today : 56
Yesterday : 207
|
|
|
태그 : 
