类似代码:
<form name=mxh3>
<div id=mxh1 style="position:absolute;visibility: hidden"><input value="dtest" type="text"></div>
<div id=mxh2 style="position:absolute;visibility: hidden"><input value="d" type="text"></div>
<!--<input name=aa type=radio onclick="document.all.mxh2.style.visibility='visible'">显示--><br><br>
<input name=aa type=radio onclick="change()">显示
<input name=aa type=radio onclick="change1()">隐藏
<!--<input name=aa type=radio onclick="document.all.mxh2.style.visibility='hidden'">隐藏-->
</form>
<script>
function change(){
document.all.mxh2.style.visibility='visible';
document.all.mxh1.style.visibility='hidden';
}
function change1(){
document.all.mxh2.style.visibility='hidden';
document.all.mxh1.style.visibility='visible';
}
</script>
<form name=mxh3>
<div id=mxh1 style="position:absolute;visibility: hidden"><input value="dtest" type="text"></div>
<div id=mxh2 style="position:absolute;visibility: hidden"><input value="d" type="text"></div>
<!--<input name=aa type=radio onclick="document.all.mxh2.style.visibility='visible'">显示--><br><br>
<input name=aa type=radio onclick="change()">显示
<input name=aa type=radio onclick="change1()">隐藏
<!--<input name=aa type=radio onclick="document.all.mxh2.style.visibility='hidden'">隐藏-->
</form>
<script>
function change(){
document.all.mxh2.style.visibility='visible';
document.all.mxh1.style.visibility='hidden';
}
function change1(){
document.all.mxh2.style.visibility='hidden';
document.all.mxh1.style.visibility='visible';
}
</script>
<body>
<select id=s1 name="address" onchange="aa()">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<script>
function aa()
{
if(s1.options[s1.selectedIndex].text =='1')
{
ok1.style.display='none';
ok2.style.display='';
}
else
{
ok1.style.display='';
ok2.style.display='none';
}
}
</script>
<input name=ok1 type=radio>
<input name=ok2 type=radio>
</body>
</html>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<form name=frm1>
<select name="address" onchange=a()>
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
<div id=apple></div>
</form>
</BODY>
</HTML>
<script language=javascript>
function a()
{
if (document.frm1.address.value=="1")
{
apple.innerHTML="<input type='radio' name='ok1'>12121";
}
else
{
apple.innerHTML="<input type='radio' name='ok2'>222222";
}
}
</script>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<select name="address" onchange="fn()">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<input type="radio" name="ok1">
<input type="radio" name="ok2"><script>
function fn()
{
var sel = document.all("address");
var s = sel.options[sel.selectedIndex].text; if (s == 1)
{
document.all("ok1").style.visibility = "hidden";
document.all("ok2").style.visibility = "visible";
}
else
{
document.all("ok1").style.visibility = "visible";
document.all("ok2").style.visibility = "hidden";
}
}</script></BODY>
</HTML>
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option><input type="radio" name="ok1" id="ok1">
<input type="radio" name="ok2" id="ok2">
<script language="JavaScript">
function change()
{
if(address.options[address.selectedIndex].text=='1')
{
ok1.style.display="none";
ok2.style.display="";
}
else
{
ok1.style.display="";
ok2.style.display="none";
}
}
change();
</script>
<script>
function check()
{
if(f1.a1[1].selected)
{
if(f1.ok2.style.visibility="hidden"){
f1.ok1.style.visibility="hidden"
f1.ok2.style.visibility="visible"
}
}
else
{
if( f1.ok1.style.visibility="hidden")
f1.ok2.style.visibility="hidden"
f1.ok1.style.visibility="visible"
}
}
</script>
</head><body>
<form name="f1">
<select name="a1" onchange="check()">
<option>please select</option checked>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<input type="radio" name="ok1" >
<input type="radio" name="ok2"></form>
</body></html>
<input type="radio" name="ok1" value=2>
<input type="radio" name="ok1" value=3>
<input type="radio" name="ok1" value=1>
<input type="radio" name="ok1" value=2>
<input type="radio" name="ok1" value=3>
这样有多个呀?
apple.innerHTML="<input type='radio' name='ok1'><input type='radio' name='ok1'>....";
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<form name=frm1>
<select name="address" onchange=a()>
<option selected value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
<div id=apple></div>
</form>
</BODY>
</HTML>
<script language=javascript>
function a()
{
if (document.frm1.address.value=="1")
{
apple.innerHTML="<input type='radio' name='ok1' value='1'><input type='radio' name='ok1' value='2'><input type='radio' name='ok1' value='3'>";
}
else
{
apple.innerHTML="<input type='radio' name='ok2'>222222";
}
}
</script>