JAVASCRIPT多选排序组合-逗号分隔字符串

来源:互联网 发布:德国 法国 物价 知乎 编辑:程序博客网 时间:2024/06/07 07:53
<!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>多选排序组合-逗号分隔字符串</title><script language="javascript">function major(obj){ var ansobj = document.getElementById("answers"); var selval = obj.value; 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(); } var ansval_newArr = ansval.split(','); //分割字符串ansval为数组ansval_newArr ansval_newArr.sort();              //数组ansval_newArr升序排序(系统自带的方法) ansobj.value=ansval_newArr.join(",");  }</script></head><body><input type="checkbox" name="sel" value="A" onclick="major(this);" />A<input type="checkbox" name="sel" value="B" onclick="major(this);" />B<input type="checkbox" name="sel" value="C" onclick="major(this);" />C<input type="hidden" name="answers" value="" id="answers" /></body></html>

1 0
原创粉丝点击