我用localStorage没有实现两个页面互相传递单选框的值，

我这种条件没有触发，帮我看一下

就是，A页面选择只读传递到B页面也是只读

或者 b页面是读写 a页面也传递成读写

A页面


<body>
        <form action="" id="formtest">
          <input type="radio" name="usb_power"  checked=""
           style="margin-left: 15px;pxmargin-right: 10px;margin-top: 10px" value="1"> <span>禁用</span>
    <input type="radio" name="usb_power"
           style="margin-left: 15px;margin-right: 10px" value="2" ><span>只读</span>
    <input type="radio" name="usb_power"
           style="margin-left: 15px;margin-right: 10px" value="3"><span >读写</span>
    <button  type="submit" style="margin-left: 200px" class="layui-btn"
             lay-filter="add" id="abc" onclick="queren()">确认</button>
        </form>
    </body>
    <script>
        document.getElementsByName("usb_power").value = localStorage.getItem("usb_power");  
        function  queren() {
            localStorage.setItem("usb_power", document.getElementsByName("usb_power").value)
            
        }

 </script> 
</body>

b页面

 <body>
        <form  method="" onsubmit="return false" action="##" id="formtest">
           <input type="radio" name="usb_power"  checked=""
           style="margin-left: 15px;pxmargin-right: 10px;margin-top: 10px" value="1"> <span>禁用</span>
    <input type="radio" name="usb_power"
           style="margin-left: 15px;margin-right: 10px" value="2" ><span>只读</span>
    <input type="radio" name="usb_power"
           style="margin-left: 15px;margin-right: 10px" value="3"><span >读写</span>
    <button  type="submit" style="margin-left: 200px" class="layui-btn"
             lay-filter="add" id="abc" onclick="queren()">确认</button>
        </form>
    </body>
    <script>
        document.getElementsByName("usb_power").value = localStorage.getItem("usb_power");
       
        function queren() {
            localStorage.setItem("usb_power", document.getElementsByName("usb_power").value)
            
           
        }

                
                
    </script>

看完以下文章，相信你获益不浅。
两个页面之间传值：localStorage缓存设置值
两个页面之间传值：localStorage缓存设置值_忘忧人生的博客-CSDN博客在平常的开发工作中，可能经常需要进行两个页面之间的传值，可以用session、url、localStorage等。今天，写下通过localStorage设置值，进行两个页面之间传值。1：设置key、value：window.localStorage.setItem("flag","test")；2：取值：String flag =window.localStorage.getItem("flag")；3：删除值：window.localStorage.removeItem("... https://blog.csdn.net/qq_36833673/article/details/106884510
关于用localStorage来实现两个不同页面之间的通信
关于用localStorage来实现两个不同页面之间的通信_qwl_ch的博客-CSDN博客可以简单的打开页面浏览器调试界面进行测试在一个页面的Console中输入以下代码window.onload=(function(){ window.addEventListener('storage', (e) => console.log(e)) // 或者 window.onstorage = (e) => {console.log(e)}})()然... https://blog.csdn.net/qwl_ch/article/details/97272240
localStorage实现不同页面间的数据传递
localStorage实现不同页面间的数据传递_weixin_30678349的博客-CSDN博客一、需求在一个页面中有一个列表，每个列表项对应另一个页面的内容，操作当前页面的列表项，另一个页面的相应内容被删除。二、分析在操作页面，记录被操作的列表项，传入localStorage中。在内容页面，取出localStorage中的数据，然后根据操作页面传递过来的值进行删除操作<!DOCTYPE html><html... https://blog.csdn.net/weixin_30678349/article/details/99341537
使用localStorage进行页面间通信
使用localStorage进行页面间通信_izwell的博客-CSDN博客在h5中，新增了localStorage，对应localStorage的有一个storage事件，这个事件可以用来进行页面间进行通信。页面间通信的列子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>A</title&a https://blog.csdn.net/MessageBox_/article/details/88398854

F12看看你的localStorage中是否存在你保存的数据。


<script>
    let index=localStorage.getItem("usb_power");
    let dom=document.getElementsByName("usb_power")
    // 本地记录存在取本地记录，不存在默认第一个
    if(index!==null&&index!==undefined){
        // 先循环全部为不选中
        for(let i = 0;i < dom.length;i++){
            dom[i].checked=false
        }
        // 根据获取到的本地存储的下标添加选中
        dom[index].checked=true
    }else{
        dom[0].checked=true
    }
    function  queren() {
        for(var i = 0;i < dom.length;i++){
            // 选中的checked会为true
            if(dom[i].checked){
                localStorage.setItem("usb_power", i)
            }
        }
    }
</script>

问题：document.getElementsByName("usb_power")拿到会有三个，你打印document.getElementsByName("usb_power").value会发现是undefined
我的方法是根据下标和checked来选中


<script type="text/javascript" src="/lib/jquery/dist/jquery.js"></script>
    <script>
        $('input[name=usb_power][value=' + localStorage.getItem("usb_power") + ']').get(0).checked = true;
        function queren() {
            localStorage.setItem("usb_power", $("input[name='usb_power']:checked").val());
        }

    </script>