Javascript使用过滤器函数中的复选框值

Question

I'm trying to make a JavaScript function that will delete all objects by using checked checkbox values and using them in my filter function. But I'm stuck and not sure on how I could do this?

I know how to get the values of the checked checkboxes but how can I use them in my filter function?

function DeleteObjects() {
  var b = MyObjects.buildings;
  Object.keys(b).filter(function(e) {

    return "ALL CHECKED VALUES HERE" == b[e].type;

  }).forEach(function(i) {
    network.sendRpc({
      name: "DeleteObject",
      uid: b[i].uid
    })
  })
}

<div style="text-align:center" class="list">
  <small>building1:</small><input name="sellCB" type="checkbox" value="building1">
  <small>building2:</small><input name="sellCB" type="checkbox" value="building2">
  <small>building3:</small><input name="sellCB" type="checkbox" value="building3"><br>
  <small>building4:</small><input name="sellCB" type="checkbox" value="building4">
</div>

Answer 1

Place all checked values in an array and use myArray.includes(b[e].type) which will return true if your value is in the array

Example:

 var myValues =["Walls", "Doors"] var checkedValues = ["Walls"]; var filtered = checkedValues.filter(v => myValues.includes(v)); console.log(filtered) 

Answer 2

If i understand well you code, that would be:

  function DeleteObjects() { var b = Game.currentGame.ui.buildings; Object.keys(b).filter(function(e) { const input = document.querySelector(`input[value=${b[e].type}]`); return input && input.checked; }).forEach(function(i) { Game.currentGame.network.sendRpc({ name: "DeleteObject", uid: b[i].uid }) }) } 

  <div style="text-align:center" class="list"> <small>Walls:</small><input name="sellCB" type="checkbox" value="Wall"> <small>Doors:</small><input name="sellCB" type="checkbox" value="Door"> <small>Traps:</small><input name="sellCB" type="checkbox" value="SlowTrap"><br> <small>Mines:</small><input name="sellCB" type="checkbox" value="GoldMine"> </div>