itanℒ 2019-07-10 14:59 采纳率: 64.1%
浏览 568
已采纳

点击li 同时使li里面的radio被选中

点击li 同时使li里面的radio被选中

图片说明

图片说明

图片说明

求代码指点 不要逻辑思维

  • 写回答

2条回答 默认 最新

  • 一只成序源 2019-07-10 16:10
    关注
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #li1{
                background-color: red;
                width: 100px;
            }
            #li2{
                background-color: blue;
                width: 100px;
            }
            #li3{
                background-color: cyan;
                width: 100px;
            }
        </style>
    </head>
     <script type="text/javascript" src="jquery-1.11.0.js" ></script>
    <body>
        <div>
            <ul>
                <li>
                    <div id="li1" value="1" onclick="li1()">
                        <input id="pay1" type="radio" name="pay" value="1"/>
                    </div>
                </li>
                <li>
                    <div id="li2" value="2" onclick="li2()">
                        <input id="pay2" type="radio" name="pay" value="2"/>
                    </div>
                </li>
                <li>
                    <div id="li3" value="3" onclick="li3()">
                        <input id="pay3" type="radio" name="pay" value="3" />
                    </div>
                </li>
            </ul>
        </div>
    </body>
    <script>
        //取消选中方法
        function discheck(){
            var inputList = document.getElementsByName("pay");
　　          for(var x=0;x<inputList.length;x++){
　　　　        inputList[x].checked=false;  
            }
        }
        function li1(){
            discheck();
　　          var input = document.getElementById("pay1");
　　          input.checked = true;  　
        }
        function li2(){
            discheck();
　　          var input = document.getElementById("pay2");
　　          input.checked = true;  　
        }
        function li3(){
            discheck();
　　          var input = document.getElementById("pay3");
　　          input.checked = true;  　　
        }
    </script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 Oracle触发器记录修改前后的字段值
  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器