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 vc6.0中想运行代码的时候总是提示无法打开文件是怎么回事
  • ¥25 关于##爬虫##的问题，如何解决?:
  • ¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码
  • ¥50 随机森林与房贷信用风险模型
  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题