javascript - 如何为多选中的选项设置默认值？

Question

在我的 html 文件中，我有以下代码:

        <div class="multiselect">
        <label><input type="checkbox" id="Field_1" name="Field_1" value="1" />something1</label>
        <label><input type="checkbox" id="Field_2" name="Field_2" value="2" />something2</label>
        <label><input type="checkbox" id="Field_3" name="Field_3" value="3" />something3</label>
        <label><input type="checkbox" id="Field_4" name="Field_4" value="4" />something4</label>
        <label><input type="checkbox" id="Field_5" name="Field_5" value="5" />something5</label>
        <label><input type="checkbox" id="Field_6" name="Field_6" value="6" />something6</label>
        </div>

        <button type="button" onClick="validateMyForm()">Send This form</button

然后在 JS 代码中我执行以下操作:

function validateMyForm(){

        // some code 

        // from here - the multibox 
        var val1 = $("#Field_1").val();
        var val2 = $("#Field_2").val();
        var val3 = $("#Field_3").val();
        var val4 = $("#Field_4").val();
        var val5 = $("#Field_5").val();
        var val6 = $("#Field_6").val();             

        // more

}

但即使我不检查 6 个选项之一，我仍然得到它的原始值，即变量

val1 -> 1
val2 -> 2
val3 -> 3
val4 -> 4
val5 -> 5
val6 -> 6

始终具有相同的值。

那么，我如何知道用户何时选中或未选中其中一个选项？

非常感谢

Answer 1

您可能正在寻找 $("#Field_1").is(':checked')。