直接重寫了一個，看下是不是這效果
<!doctype?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>無標題文檔</title>
</head>
<body>
<form>
????<input?type="checkbox"?value="語文">語文
????<input?type="checkbox"?value="數學"?>數學
????<input?type="checkbox"?value="英語"?>英語
????<input?type="checkbox"?value="物理"?>物理
????<input?type="checkbox"?value="化學">化學
????<input?type="checkbox"?value="生物"?>生物
</form>
<div?id="content"></div>
<script>
????window.onload=function(){
????var?arr=[];
????var?oldText="";
????var?content=document.getElementById("content");
????var?input=document.getElementsByTagName("input");
????????for(var?i=0;i<input.length;i++){
????????????input[i].index=i;
????????????input[i].onclick=function(){
????????????if(input[this.index].checked){
????????????????arr.push(input[this.index].value);
????????????????content.innerHTML=arr.join("?")????;??//分割符可自定
????????????????oldText=oldText+input[this.index].value;
????????????}else?if(input[this.index].checked==false){
????????????????for(var?j=0;j<arr.length;j++){
????????????????????if(arr[j]==input[this.index].value){
????????????????????arr.splice(j,1);
????????????????????content.innerHTML=arr.join("?")?;?//分割符可自定
????????????????????};
????????????????};
????????????};
????????};
????};
????}
</script>
</body>
</html>補充一個用你的布局做的吧
<!doctype?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>無標題文檔</title>
</head>
<body>
<form>
????<input?type="checkbox"?value="語文"?onChange="check()">語文
????<input?type="checkbox"?value="數學"?onChange="check()">數學
????<input?type="checkbox"?value="英語"?onChange="check()">英語
????<input?type="checkbox"?value="物理"?onChange="check()">物理
????<input?type="checkbox"?value="化學"?onChange="check()">化學
????<input?type="checkbox"?value="生物"?onChange="check()">生物
</form>
<div?id="content"></div>
<script>
????var?content=document.getElementById("content");
????var?form=document.forms[0].elements;
????function?check(){
????????var?oldT=""
????????var?allChecked=false;
????????for(var?i=0;i<form.length;i++){
????????????if(form[i].checked){
????????????????content.innerHTML=oldT+form[i].value;
????????????????oldT=oldT+form[i].value;
????????????????allChecked=true;
????????????}
????????}
????????if(allChecked==false){
????????????content.innerHTML=null;
????????}
????}
</script>
</body>
</html>但是后面這個點擊排序有點問題，不是按照點擊的順序排而是按照原有的順序排，因為你這個寫法是每次點擊后都要遍歷，就相當于每次點擊都刷空innerHTML，然后i從小到大重新排序
