您的当前位置：首页网页从弹窗页面单选框传值至父页面代码分享_javascript技巧

网页从弹窗页面单选框传值至父页面代码分享_javascript技巧

来源：纷纭教育

在项目中，需要完成这样一个功能：在加入新机构的时候，需要选择它的上级机构，实现方式为点击查找填入按钮，弹出弹窗页面，用户点击所需的行，并点击确定按钮，将用户选择的机构名称和机构代码传回到加入新机构的页面。

在这里记录一下弹窗页面代码


 <%@ page contentType="text/html;charset=utf-" pageEncoding="utf-" language="java" %>
 <%@ taglib uri="/struts-tags" prefix="s"%>
 <%@ taglib uri="/page-tags" prefix="p"%>
 
 
 机构点选查询
 
 
 
 
 
 
 //点击整行都可选中单选框
 function clickTr(obj) {
 $("#mainTable tbody tr td input[type='radio']").attr("checked",
 "undefined");
 $("td input[type='radio']", obj).attr("checked", "checked");
 //alert($("td input[name='insideEquip.equipinstance']",obj).val());
 }
 //将通过td的class获取到的值传到父页面对应的元素上
 function setValue() {
 var input = $("#mainTable tbody tr td input[type='radio']:checked");
 if (!input.val()) {
 
 window.close();
 return;
 }
 var tr = input.parent().parent();
 
 window.opener.document.getElementById("textagencyid").value = $(
 "td.agancy input", tr).val();
 window.opener.document.getElementById("textagencyname").value = $(
 "td.agencyname", tr).text();
 
 window.close();
 } 
 
 
 
 
 
 
 
 
 工作岗位码-->
 
 -->
 
 
 
 选择
 机构编号
 机构名称 上级机构
 组织机构代码
 机构类别 
 
 
  
 
 " >

以上代码很简单吧，需要的朋友可以直接拷贝使用，以上内容希望对大家有所帮助。