JAVASCRIPT之多选值排序

朴灿烈づ我的快乐病毒、 2022-07-12 04:17 153阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JAVASCRIPT之多选值排序</title>
    </head>
    
    <body>
    <input name="multi[]" type="checkbox" value="a" οnclick="multiselect(this)" />
    A
    <input name="multi[]" type="checkbox" value="b" οnclick="multiselect(this)" />
    B
    <input name="multi[]" type="checkbox" value="c" οnclick="multiselect(this)" />
    C
    <input name="multi[]" type="checkbox" value="d" οnclick="multiselect(this)" />
    D
    <input type="text" id="answers" value="" />
    <script language="javascript">
        function multiselect(obj){
            var ansobj = document.getElementById("answers");
            var selval = obj.value.toUpperCase();
            var ansval_arr = new Array();
            var ansval = '';
            ansval = ansobj.value;
            if(obj.checked){
                if(ansval == "undefined" || ansval == ''){
                    ansval = ansval + selval;
                }else{
                    ansval = ansval + ',' + selval;
                }
            }else{
                ansval_arr = ansval.split(',');
                for(var i = 0; i < ansval_arr.length; i++){
                    if(ansval_arr[i] == selval){
                        ansval_arr.splice(i,1);
                    }
                }
                ansval = ansval_arr.toString();
            }
            ansval = ansval.split(',').sort();
            ansobj.value = ansval;
        }
        </script>
    </body>
    </html>