JAVASCRIPT之多选值排序

来源：互联网发布：国际交流软件编辑：程序博客网时间：2024/05/24 05:54
<!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" onclick="multiselect(this)" />A<input name="multi[]" type="checkbox" value="b" onclick="multiselect(this)" />B<input name="multi[]" type="checkbox" value="c" onclick="multiselect(this)" />C<input name="multi[]" type="checkbox" value="d" onclick="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>
1 0