js 之 父窗口获取子窗口单选按钮Value

来源:互联网 发布:淘宝渐变背景素材 编辑:程序博客网 时间:2024/06/06 06:33

test002.html(父):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script defer>function browser.onclick() {window.open("test003.html","","width=170;height=200,top=200,left=400,resizable=yes");}</script></head><body><input type="text" name="atext" readonly><input type="button" value="选择参数" name="browser" id="browser" style='background-color:#ebf5fc;border:#0099cc 1px solid'/></body></html>

test003.html(子窗口):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script defer>function insert1(){var num = document.f.btext.length;for(var i=0;i<num;i++) {if(document.f.btext[i].checked) {opener.atext.value = f.btext[i].value;}}window.close();}</script></head><body><form name="f"><input type="radio" name="btext" value="112">112<input type="radio" name="btext" value="113">113<input type="button" name="insert" value="关闭" onClick="insert1();" style="background-color:#ebf5fc;border:#0099cc 1px solid"></form></body></html>