将复选框值保存到firebase

Question

在我的形式中，我有几个复选框。所有选定的复选框值都应写在Firebase数据库中。但是，无法操纵复选框。我的代码不使用复选框值。它没有出现在火箱上。我的形式看起来像这样[！[form] [1]] [1] [1]：https：//i.sstatic.net/8fen4.png

html 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>

javasript

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

Answer 1

首先，您应该区分每个复选框的ID，ID应该是唯一的，以使其可行。
我通常使用getElementById来获取每个值，因为这对我来说更容易。