谁能救我?????????高分求一js程序，多谢!

复选框 1 姓名 性别
复选框 2 姓名 性别在主页面主写一js类，
功能1:(全选)使iframe里面的内容能够全部选中
功能2:(加入)使iframe中选中的放到主页面上来
功能3:(清空)使主页面上的复选框清空(不是将值清空，而是删除复选框)

解决方案 »

  1.   

    好像看明白了，是不是要这样：<HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    </HEAD><BODY>
    <iframe id=iframe1 src="about:<html><body><table><tr><td><input type=checkbox></td><td>1 &ETH;&Otilde;&Atilde;&ucirc;  &ETH;&Ocirc;±&eth;</td></tr><tr><td><input type=checkbox></td><td>2 &ETH;&Otilde;&Atilde;&ucirc;  &ETH;&Ocirc;±&eth;</td></tr><tr><td><input type=checkbox></td><td>3 &ETH;&Otilde;&Atilde;&ucirc;  &ETH;&Ocirc;±&eth;</td></tr></table></body></html>"></iframe><BR><BR>
    <button onclick="get()">get</button> &nbsp; <button onclick="remove()">remove</button><BR><BR>
    <table id=table1 border=1></table>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function get(){
    remove()
    var elms = iframe1.document.getElementsByTagName("INPUT");
    for (var i=0;i<elms.length;i++)
    if (elms[i].checked){
    var tr0 = elms[i].parentNode.parentNode;
    var tr1 = table1.insertRow();
    for (var j=0;j<tr0.children.length;j++)
    tr1.insertCell().innerHTML=tr0.children[j].innerHTML
    }
    }
    function remove(){
    while(table1.rows.length>0)
    table1.deleteRow();
    }
    //-->
    </SCRIPT></BODY>
    </HTML>
      

  2.   

    呵呵，操作系统问题，变成乱码了。重帖。同时为了照顾IE6.0.2800（IE6+SP1），做了点小改动：<HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    </HEAD><BODY>
    <iframe id=iframe1></iframe><BR><BR>
    <button onclick="get()">get</button> &nbsp; <button onclick="remove()">remove</button><BR><BR>
    <table id=table1 border=1></table>
    <SCRIPT LANGUAGE="JavaScript" defer>
    <!--
    iframe1.document.write("<table><tr><td><input type=checkbox></td><td>1 姓名  性别</td></tr><tr><td><input type=checkbox></td><td>2 姓名  性别</td></tr><tr><td><input type=checkbox></td><td>3 姓名  性别</td></tr></table>");
    function get(){
    remove()
    var elms = iframe1.document.getElementsByTagName("INPUT");
    for (var i=0;i<elms.length;i++)
    if (elms[i].checked){
    var tr0 = elms[i].parentNode.parentNode;
    var tr1 = table1.insertRow();
    for (var j=0;j<tr0.children.length;j++)
    tr1.insertCell().innerHTML=tr0.children[j].innerHTML
    }
    }
    function remove(){
    while(table1.rows.length>0)
    table1.deleteRow();
    }
    //-->
    </SCRIPT></BODY>
    </HTML>
      

  3.   

    补充选择功能
    <HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    </HEAD>
    <BODY>
    <iframe id=iframe1></iframe><BR><BR>
    <input type=button value="全选" onclick="selectAll(this)">&nbsp;
    <input type=button value="加入" onclick="add()">&nbsp;
    <input type=button value="清空" onclick="remove()"><BR><BR>
    <table id=table1 border=1><tbody id=tbody1></tbody></table>
    <SCRIPT LANGUAGE="JavaScript" defer>
    <!--
    iframe1.document.write("<table><tr><td><input type=checkbox></td><td>1 姓名  性别</td></tr><tr><td><input type=checkbox></td><td>2 姓名  性别</td></tr><tr><td><input type=checkbox></td><td>3 姓名  性别</td></tr></table>");
    function selectAll(obj){
            var flag=obj.value=="全选";       
            obj.value=flag?"取消":"全选";
       var elms = iframe1.document.getElementsByTagName("INPUT");
    for (var i=0;i<elms.length;i++)
                   elms[i].checked=flag;
            
    }
    function add(){
    remove()
    var elms = iframe1.document.getElementsByTagName("INPUT");
    for (var i=0;i<elms.length;i++)
    if (elms[i].checked){
    var tr0 = elms[i].parentNode.parentNode;
    var tr1 = table1.insertRow();
    for (var j=0;j<tr0.children.length;j++)
    tr1.insertCell().innerHTML=tr0.children[j].innerHTML
    }
    }
    function remove(){
    while(table1.rows.length>0)
    table1.deleteRow();
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
      

  4.   

    <tbody id=tbody1></tbody>??特地加这个tbody进去有什么用意吗？
      

  5.   

    好谢谢大家，
    我没大说明白，很抱歉~
    不过，
    大家都有分的，不够分的再加,再次谢谢
    在这里
    <iframe id=iframe1 src='this_children.htm'></iframe>
    文件
    this_children.htm里面的内容来完成数据的任务，这个文件调用主页面中的
    js函数来完成显示的任务的,怎么样调用主页面中的js函数呢?
      

  6.   

    更正:this_children.htm里面的内容来完成显示所有数据的任务
      

  7.   

    如果是引用父页面类test的aa这个功能呢?
      

  8.   

    <HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function test(){
    this.aa=new Function("return 'emu'")
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <iframe src="about:<script>alert((new parent.test()).aa())</script>"></iframe>
    </BODY>
    </HTML>注意，这里用了test类的实例的aa方法而不是test类的方法。要直接使用test类的方法可用prototype。
      

  9.   

    用类的方法的例子：<HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function test(){
    }
    test.prototype.aa=new Function("return 'emu'")
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <iframe src="about:<script>alert(parent.test.prototype.aa())</script>"></iframe>
    </BODY>
    </HTML>
      

  10.   

    能不能举一个例子呢prototype,谢谢
      

  11.   

    上面的例子不就是咯。
    对自己定义的类，也可以不用prototype，象这样：<HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function test(){
    }
    test.aa=new Function("return 'emu'")
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <iframe src="about:<script>alert(parent.test.aa())</script>"></iframe>
    </BODY>
    </HTML>但是要给系统的对象添加方法和属性的时候最好还是带上：
    function String.prototype.trim()
    {
    return  this.replace(/(^\s*)|(\s*$)/g, "");
    }
    alert("    test        ".trim())
      

  12.   

    <script>
    var test = new Object(); 
    //解析显示
    test.show = function(str)
    {
    test.add2list(str);
    test.selectall(str);
    test.submit_page();
    test.chang_page(str);
    test.test(str);
    }// +----------------------------------------------------+
    // | 测验 |
    test.test = function(str){
    alert(str);
    }
    // +----------------------------------------------------+
    // +----------------------------------------------------+
    // | 加入到第二个列表 |
    test.add2list = function(str) //加入到已选择会员列表
    {
    ...
    }
    // +----------------------------------------------------+
    <script>
    我是这样写类的不知对不对