`
xiuying
  • 浏览: 541660 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

关于showModalDialog传多值回父窗体实现

    博客分类:
  • web
阅读更多

script1.html
 <script language="javascript" src="myobj.js"></script>
 <script language="javascript">
 function vilidate(obj){
  var boxs = document.getElementsByName("a");
  for(var i=0;i<boxs.length;i++){
   if(obj.checked){
    boxs[i].checked=true; 
   }else{
    boxs[i].checked=false; 
   }
  }
 }

 function xuanze(){
  var rV = new myobj(null,null);
  rv = window.showModalDialog("scriptMD.html",window,"dialogWidth=600px;dialogHeight=300px"); 
  if(rv!=null){
   document.getElementById("mc").value=rv.mcc;
   document.getElementById("ah").value=rv.ahh;
  }
 }
 
 </script>
 <form name="form1" action ="" method="post">
  <input type="checkbox" name="x" id="x" value="0" onclick="vilidate(this)">ppppp<br/>
  <br>
  <br>
   <input type="checkbox" name="a" value="1">a<br/>
   <input type="checkbox" name="a" value="2">b<br/>
   <input type="checkbox" name="a" value="3">c<br/>
   <input type="checkbox" name="a" value="4">d<br/>
   <input type="checkbox" name="a" value="5">e<br/>
   <input type="checkbox" name="a" value="6">f<br/>
   <input type="checkbox" name="a" value="7">g<br/>
   名称:<input type="text" name="mc" id="mc" size="20px" /><br/>
   爱好:<input type="text" name="ah" id="ah" size="20px" /><br/>
   <input type="button" name="xz" id="xz" value="选择名称和爱好" onclick="xuanze()"/>
  </form>

scriptMD.html
<script language="javascript" src="myobj.js"></script>
<script language="javascript">
 function check1(){
  var name = document.getElementById("mc");
  var boxs = document.getElementsByName("ah");
  var str = "";
  if(name.value.length<=0){
   alert("请输入名字!");
   name.focus();
   return;
  }
  var j=0;
  for(var i=0;i<boxs.length;i++){
   if(boxs[i].checked){
    str =str+","+boxs[i].value;
    j++;
   }
  }
  if(j==0){
   str="没有爱好!";
  }
  var mo = new myobj(name.value,str);
  window.returnValue=mo;
  window.close();
 }
 
</script>
  <form name="form2" method="post" action="">
 名称:<input type="text" name="mc" id="mc" size="20px"/><br>
 爱好:<input type="checkbox" name="ah" value="看书"/>看书<br>
    <input type="checkbox" name="ah" value="画画"/>画画<br>
    <input type="checkbox" name="ah" value="上网"/>上网<br>
    <input type="checkbox" name="ah" value="写字"/>写字<br>
    <input type="checkbox" name="ah" value="旅游"/>旅游<br>
    <input type="button" name="bt" value="...OK..." onclick="check1()"/>
  </form>

myobj.js

//myobj.js
function myobj(mcvalue,ahvalue){
 this.mcc = mcvalue;
 this.ahh = ahvalue;
}

分享到:
评论

相关推荐

    利用模态对话框实现父窗体、子窗体间传值

    这些结果可以在客户端的回调函数中处理,然后可以决定是否关闭对话框,或者如何更新父窗体的状态。 在WebApplication1项目中,我们可以看到实际的应用示例,包括如何创建模态对话框、设置参数传递、以及如何在...

    C#实现父子窗体全传值案例

    这里的`childForm`是要显示的子窗体,`parentForm`是父窗体,`result`是用户在子窗体上操作的结果。`DialogResult`枚举值可以用来判断用户是如何关闭子窗体的(如点击“确定”、“取消”等按钮)。 接下来,我们...

    js关闭子窗体刷新父窗体实现方法

    本文将详细介绍如何通过JavaScript实现关闭子窗体并刷新父窗体的多种方法。 首先,我们要理解JavaScript中的几个关键对象和属性。window对象代表了浏览器中打开的一个窗口,每个window对象都拥有一个opener属性,该...

    showModalDialog打开窗体接收返回值

    在描述中提到的"模式打开窗体",就是指`showModalDialog`创建的对话框具有模态特性,意味着用户必须先关闭该对话框才能继续与父窗口交互,这与非模态对话框(如`window.open`创建的)不同。 返回值`returnValue`是...

    针对window.showmodaldialog弹出窗体无刷新的详细使用

    `window.showModalDialog` 打开的对话框会返回一个值,可以通过`returnValue`变量获取。这个值可以是对话框内设置的任何数据,例如用户输入的信息。 3. **对话框特性** 特性参数`features`是一个包含多个选项的...

    子窗体与父窗体传值示例js代码

    总结来说,子窗体与父窗体之间的通信主要是通过`window.dialogArguments`获取父窗体引用,`window.returnValue`传递值,以及`window.showModalDialog()`方法的返回值来实现的。在实际应用中,这种通信方式可以用于...

    js showModalDialog 弹出对话框的简单实例(子窗体)

    window.returnValue在这里是用于向调用showModalDialog的父窗体传递回值的。 页面上的标签内包含了一个窗体,在这个窗体中包含了一个***服务器控件Button和一个HTML的标签,它们都绑定了retu_value函数的调用。还有...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    在子页面中,我们定义了一个名为`SetValueToParentPage`的方法,此方法用于将值传递回父页面。该方法接受两个参数,一个是需要传递的整数值`count`,另一个是字符串`strPersons`。在方法内部,我们创建了一个`...

    Javascript showModalDialog两个窗体之间传值

    JavaScript 中的 `window.showModalDialog()` 方法可以用来打开一个模态对话框窗口,并且允许在父窗体和子窗体之间进行数据传递。模态对话框是一种特殊的对话框,它会暂停父窗口的运行,直到对话框关闭,这种特性...

    JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能,它允许我们从父窗口弹出一个模态对话框,也就是子窗口,并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...

    .NET中利用js让子窗体向父页面传值的实现方法

    在.NET开发中,有时我们需要在子窗口中进行操作并把结果传递回父窗口,以便在父窗口中继续处理。本文将详细介绍如何利用JavaScript在.NET环境下实现在子窗口中向父页面传值的方法。 首先,我们要在子页面的C#后台...

    JavaScript子窗口ModalDialog中操作父窗口对像

    正确的做法是在调用`showModalDialog()`时,通过传递参数来实现父窗口与子窗口之间的通信。例如,假设我们有一个父窗口页面`a.html`,其中包含一个文本框`id=test1`,我们希望在子窗口`b.html`中点击按钮时,将`test...

    JavaScript实现弹出模态窗体并接受传值的方法

    总的来说,JavaScript实现弹出模态窗体并接受传值的关键在于使用`window.showModalDialog()`方法,以及正确构造URL以传递参数。尽管存在浏览器兼容性问题,但通过适当的库和处理策略,我们可以创建出符合需求的交互...

    JS模式窗口

    通过自定义`showModalDialog()`的返回值,可以实现与父窗口的通信。当用户在模态窗口中进行操作后,可以通过返回值将结果传回给调用它的页面,从而继续执行后续的程序逻辑。 总结,JS模式窗口是一个强大的功能,它...

    Web弹出窗口对话框.pdf

    ***提供了强大的Web窗体,可以使用C#或***编程语言开发Web应用程序。在提供的文件内容中,可以见到window.open方法的使用,这是JavaScript中用于打开新窗口的一个方法。***可以与JavaScript相结合,以实现Web页面上...

    javascript常用代码段搜集

    这里列举了一些常用的JavaScript代码段,涵盖了数据转换、日期处理、窗口交互等多个方面。 1. **JSON转字符串**: JSON(JavaScript Object Notation)是用于交换数据的轻量级格式。在JavaScript中,我们可以通过`...

Global site tag (gtag.js) - Google Analytics