JS实现或许checkbox值，并按选中顺序排列

四个checkbox，按照选后顺序排列，存入array中。不按each的循环顺序排列。

解决方案 »

  1.   


    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
    </head>
    <body>
    <input type="checkbox" value="a" onchange="sel(this.value)" />
    <input type="checkbox" value="b" onchange="sel(this.value)" />
    <input type="checkbox" value="c" onchange="sel(this.value)" />
    <input type="checkbox" value="d" onchange="sel(this.value)" />
    <input type="text" id="text" />
    <script type="text/javascript">
    var arr = [];
    function sel(v) {
    var n = arr.indexOf(v);
    if (n==-1) {
    arr.push(v);
    } else {
    arr.splice(n,1);
    }
    document.getElementById("text").value = arr;
    }
    </script>
    </body>
    </html>
      

  2.   

    借1楼的代码修改下
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title> 页面名称 </title>
    </head>
    <body>
    <input type="checkbox" value="a" onchange="sel(this.value,'input1')" />
    <input type="checkbox" value="b" onchange="sel(this.value,'input1')" />
    <input type="checkbox" value="c" onchange="sel(this.value,'input1')" />
    <input type="checkbox" value="d" onchange="sel(this.value,'input1')" />
    <input type="text" id="input1" />
    <input type="checkbox" value="a" onchange="sel(this.value,'input2')" />
    <input type="checkbox" value="b" onchange="sel(this.value,'input2')" />
    <input type="checkbox" value="c" onchange="sel(this.value,'input2')" />
    <input type="checkbox" value="d" onchange="sel(this.value,'input2')" />
    <input type="text" id="input2" />
    <script type="text/javascript">
    var arr = {'input1':[],'input2':[]};
    function sel(v,name) {
        var n = arr[name].indexOf(v);
        if (n==-1) {
            arr[name].push(v);
        } else {
            arr[name].splice(n,1);
        }
        document.getElementById(name).value = arr[name];
    }
    </script>
    </body>
    </html>