TAG
JavaScript
Result
Run
License
<form id="myform"> <p> <label><input type="checkbox" name="fruits[]" value="apple"/>Apple</label> <label><input type="checkbox" name="fruits[]" value="banana"/>Banana</label> <label><input type="checkbox" name="fruits[]" value="carrot"/>Carrot</label> <label><input type="checkbox" name="fruits[]" value="durian"/>Durian</label> <label><input type="checkbox" name="fruits[]" value="eggplant"/>Eggplant</label> </p> <output></output> </form>
window.addEventListener("load", () => { const elForm = document.getElementById("myform"); const elOutput = elForm.querySelector("output"); let aValue = []; elForm.addEventListener("input", e => { let value = e.target.value; if(e.target.checked) { aValue.push(value); } else { let delIndex = aValue.indexOf(value); if(delIndex > -1) aValue.splice(delIndex, 1); } elOutput.value = aValue.join(); }); });
Console
expand_less
License
License
by DevDic
Close