zoukankan      html  css  js  c++  java
  • 完成foo()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。

    完成foo()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <form name="form1">
            <input type="radio" name="radioGroup" />
            <input type="radio" name="radioGroup" />
            <input type="radio" name="radioGroup" />
            <input type="radio" name="radioGroup" />
            <input type="radio" name="radioGroup" />
            <input type="radio" name="radioGroup" />
            <input type="submit" />
        </form>
        <script>
            //非闭包
            var Inputs = document.getElementsByTagName('input')
            for(let i =0 ;i<Inputs.length;i++){
                    Inputs[i].onclick=function(e){
                var  target = e.target || e.srcElement
                        for (let i = 0; i < Inputs.length; ++i) {
                        if (target.type=="radio" && target == Inputs[i]) {
                            alert(++i);
                            break;
                        }
                    }
                        console.log(target)
                    }
            }
            //闭包方法
            // var foo = (function () {
            //     var radio_list = (function () {
            //         var _list = [],
            //             nodes = document.getElementsByTagName('input');
            //             console.log(nodes.length)
            //         for (var i = 0; i < nodes.length; ++i) {
            //             var node = nodes[i];
            //             if (node.type == 'radio' && node.name == 'radioGroup') {
            //                 if (node.attachEvent)
            //                     node.attachEvent('onclick', function (e) { foo(e) });
            //                 else if (node.addEventListener)
            //                     node.addEventListener('click', function (e) { foo(e) }, false);
            //                 _list.push(node);
            //             }
            //         }
            //         return _list;
            //     })();
            //     return function (e) {
            //         var o = (function () {
            //             if (e) return e.target || e.srcElement;
            //             else if (window.event) return e.srcElement;
            //         })();
            //         for (var i = 0; i < radio_list.length; ++i) {
            //             if (o == radio_list[i]) {
            //                 alert(++i);
            //                 break;
            //             }
            //         }
            //     }
            // })();
        </script>
    </body>
    
    </html>
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    Log4Net记录到MySql
    创建快照
    grep的用法(CentOS7)及有关正则表达式的使用
    samba
    mkdir
    raid0和raid5的 实验过程
    route
    source和sh执行脚本时的差异
    echo命令的简单用法和实例
    smbpasswd和pdbedit
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617685.html
Copyright © 2011-2022 走看看