关于网页传值再赋值的问题

cookie表单jscheckbox

解决方案 »

  1.   

    <!-- A.html -->
    <form action="B.html">
        <input type="checkbox" name="checkbox1" value="MS1">
        <input type="checkbox" name="checkbox1" value="MS2">
        <input type="checkbox" name="checkbox1" value="MS3">
        <input type="submit" value="提交" />
    </form>
    <!-- B.html -->
    <input id="number" value="请赋值给我" name="number">
    <script>
    // 截取地址里的参数
    var url = location.href;
    var query = url.split('?')[1].split('#')[0].split('&');
    var len = query.length;
    var pairs;
    var values = [];
    var input = document.getElementById('number');
    for (var i = 0; i < len; i++) {
        pairs = query[i].split('=');
        if (pairs[0] == 'checkbox1') {
            values.push(pairs[1]);
        }
    }
     
    if (values.length) {
        input.value = values.join(',');
    }
    </script>
      

  2.   

    问题已经解决，如果有朋友能有别的方法也可以写出来给我学习学习，比如说用cookie
      

  3.   

    直接地址栏b.html?v=1,2.3b接收 window.location.search   得到?v=1,2.3  在分离字符串alert( window.location.search.split('?')[1])// v=1,2,3
      

  4.   

    利用cookie
    function setCookie(key,value,expires)
    {
        var date=new Date();
        date.setDate(date.getDate()+expires);
        document.cookie=key+'='+ encodeURI(value)+'; expires='+date.toGMTString();
    }
    function getCookie(key)
    {
        var reg=new RegExp('(?:^|\\s)'+key+'\s*?=([^;]+)');
        return document.cookie.match(reg)?decodeURI(document.cookie.match(reg)[1]):'';
    }
    a.html  setCookie('v','1',3)
    b.html  getCookie('v')
      

  5.   

    若a、b不是同时打开，即a打开b后a关闭，则通过url参数传递 xxx/b.htm?value=??
        若a、b同时存在，则需两个页面有引用关系才行，
    比如a页面打开了b页面，或a页面iframe加载b页面。a页面打开b页面，则引用关系是b页面window.opener即a页面window对象；a页面iframe加载b页面，则引用关系是a页面iframe.contentWindow指向b的window，b页面window.parent指向a页面window。反之同理。有引用关系，这可通过window.document.getElementById获得相应页面标签进行操作了
    通过引用关系就可在a页面多选框的点击事件中获取多选框选中项赋值给b页面表单。
        若a、b同时打开且无引用关系，则无法进行此功能，因为b页面无法知晓a页面checkbox值什么时候改变，所以即使有全局cookie亦无能为力。
    下次提问记得尽量描述清楚情况，不要就把问题本身放上来
      

  6.   

    A.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>

    </head><body>
    <input type="checkbox" name="checkbox1" value="MS1">
    <input type="checkbox" name="checkbox1" value="MS2">
    <input type="checkbox" name="checkbox1" value="MS3">
    <input type="button" onclick="cz();" value="跳转到B页面">
    <script> function cz(){
    var url = '';
    var r=document.getElementsByName("checkbox1");  
        for(var i=0;i<r.length;i++){
             if(r[i].checked){
             url += r[i].value+"-";
           }
        }  
        url = url.substr(0,url.length - 1); 
        window.location.href = 'B.html?url='+url;
    }
    </script> 
    </body>
    </html>
    B.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title></head><body>
    <input id="number" value="请赋值给我" name="number">
    <script type="text/javascript">
      window.onload = function(){
        var url = location.search;
        if (url.indexOf("?") != -1) {
          var strs = url.split("=");
          document.getElementById('number').value = strs[1];
        }
      }
    </script>
    </body>
    </html>