En mi formulario tengo varias casillas de verificación. Todos los valores de casilla de verificación seleccionados deben escribirse en la base de datos de firebase. Sin embargo, no puede manipular las casillas de verificación. Mi código no toma los valores de la casilla de verificación. No aparece en firebase. Mi formulario se ve así [![Formulario][1]][1] [1]: https://i.stack.imgur.com/8FEN4.png

código HTML

 <td> <label> <input class="paint" id = "paint" value="Anti-Fungus Paint" type="checkbox" unchecked> Anti-Fungus Paint </label> <label> <input class="paint" id = "paint" value="Emulsion Paint" type="checkbox" unchecked> Emulsion Paint </label> <label> <input class="paint" id = "paint" value="Anti-Corrosive Paint" type="checkbox" unchecked> Anti-Corrosive Paint </label> <label> <input class="paint" id = "paint" value="All in one Paint" type="checkbox" unchecked> All in one Paint </label> </td>

Javascript

 document.getElementById('formBid').addEventListener('submit',function(e){ e.preventDefault(); var id=Date.now(); //generating a unqiue id set(ref(db,'quotes/' + id),{ paint:document.querySelectorAll('input[id="paint"]:checked'), }); alert('Quote Sent To Client'); formBid.reset();