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

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

 <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();
}

最佳答案

您可以尝试一下，在这里您将通过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