我这有单选地
多选的原理差不多父页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>单击按钮 选择</title>
</head>
<body>
<center>
<form name=form1>
<br>
<h1>单击按钮 选择</h1>
<br>
<input type=button value="选择颜色" onclick="selectcolor();">
<p></p>
<input type=text name=textbox size=20>
<br>
</form>
</center>
<script language="javascript">
function selectcolor()
{
document.form1.textbox.value=window.showModalDialog("dlgwin.htm")
}
</script>
</body>
</html>子页面dlgwin.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>选择喜欢的颜色</title>
</head>
<body>
<center>
<form name="form1">
<h1>选择喜欢的颜色</h1>
<p></p>
<table bgcolor=cyan width=200>
<tr><td><input type=radio name=radiobutton onclick="radio1clicked();">红</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio2clicked();">橙</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio3clicked()">黄</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio4clicked()">绿</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio5clicked()">青</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio6clicked()">蓝</td></tr>
<tr><td><input type=radio name=radiobutton onclick="radio7clicked()">紫</td></tr>
</table><br>
<input type="button" value="确认" onclick="okbutton();">
<input type="button" value="取消" onclick="cancelbutton();">
</form>
</center>
<script language="javascript">
var secel="没有选择"
function radio1clicked()
{ secel="红"}
function radio2clicked()
{ secel="橙"}
function radio3clicked()
{ secel="黄"}
function radio4clicked()
{ secel="绿"}
function radio5clicked()
{ secel="青"}
function radio6clicked()
{ secel="蓝"}
function radio7clicked()
{ secel="紫"}
function okbutton()
{
window.returnValue="你选择的颜色为:"+secel;
window.close();
}
function cancelbutton()
{
window.returnValue="你没有作出选择!";
window.close();
}
</script>
</body>
</html>