javascript - 如何按照选中的顺序将复选框的值存储在数组中

Question

我正在尝试让用户根据优先级选择项目，我有四个项目。

 <input type="checkbox" value="1">Mano      
 <input type="checkbox" value="2">Nalo      
 <input type="checkbox" value="3">keke      
 <input type="checkbox" value="4">aji

用户A可以选择 [3,1,2,4] 用户 B 可以选择 [1,2,3,4] 用户 C 可以选择 [3,2,1,4]

function addPrior()
{
   // if check
    addToArray();
   // when uncheck
   removeToArray();
}

Answer 1

您可以试试这个，在这里您将通过 event 属性获取您函数中的每个复选框的详细信息。所以你可以进一步使用它们。

<script>
 function addPrior( e)
 {
   // if check
   if(e.target.checked){
      addToArray(e.target);
   }else{
      removeToArray(e.target);
   }
 }
 var arr = [];
 function addToArray(obj){
   arr.push(obj.value)
 }
 function removeToArray(obj){
 var index = arr.indexOf(obj.value);
 if (index > -1) {
    arr.splice(index, 1);
  }
 }

</script>

HTML

 <input type="checkbox"  value="1" onchange="addPrior(event)">Mano         
 <input type="checkbox" value="2" onchange="addPrior(event)">Nalo       
 <input type="checkbox" value="3" onchange="addPrior( event)">keke       
 <input type="checkbox"  value="4" onchange="addPrior( event)">aji