JavaScript radio 버튼 선택시 또 다른 radio 버튼 또는 tr 출력하기
페이지 정보
본문
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
<!--
// body 테그 onload 이벤트 실행시 test1 이란 함수가 인식이 되어야 하므로 body 테그보다 해당함수가 위쪽에 있어야 함
function test1(value) {
alert(value);
if(value=='1') hidden1.style.display = '';
else hidden1.style.display = 'none';
}
//-->
</script>
</head>
<body onload="test1(2)"> <!-- onload 이벤트에 자바스크립트 함수를 실행시킴 [ php 경우 <body onload="test1(<?=$value?>)"> 식으로 처리 ]-->
<form name="fregisterform" method="post" enctype="multipart/form-data" action="event_write_update.asp" onSubmit="return input_check(this)" style="margin:0px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style='padding:7px 0 7px 0;'>
<input type="radio" name="ev_option" id="ev_option" onclick="test1(this.value);" value="1" />
공개이벤트 (전체 이벤트 리스트에 등록되어 누구나 볼 수 있고, 검색에 노출됩니다.)<br />
<table border="0" cellpadding="0" cellspacing="0" id="hidden1" width="100%">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%">
<col width="140" />
<col />
<script type="text/javascript">
function test2(value) {
if(value=='y') hidden2.style.display = '';
else hidden2.style.display = 'none';
}
</script>
<tr>
<td align="left" valign="top" style='padding:7px 0 7px 20px;'>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="220">제휴 판매 :
<input type="radio" name="ev_partner" id="ev_partner" onclick="test2(this.value);" checked='checked' value="n" />진행하지 않음
<input type="radio" name="ev_partner" id="ev_partner" readonly="readonly" onclick="test2(this.value);" value="y" />진행함
</td>
<td id="hidden2">
( 지급비율 :
<select name="ev_partner_rate">
<option value='1' style='font-size:10px;'>1</option>
<option value='2' style='font-size:10px;'>2</option>
</select>
% )
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
<input type="radio" name="ev_option" id="ev_option" onclick="test1(this.value);" value="2" />
초대이벤트 (초대장을 받은 사람만 볼 수 있으며, 검색에 노출되지 않습니다.)<br />
<input type="radio" name="ev_option" id="ev_option" onclick="test1(this.value);" checked="checked" value="0" />
비공개 (이벤트를 등록한 사람만 볼 수 있습니다.)
</td>
</tr>
</table>
</form>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.