Question

如何在JavaScript中验证多个复选框的选择？

使用此语法无法正确触发。

(document.getElementById('Other1').checked || document.getElementById('Other2').checked || document.getElementById('Other').checked)

我认为，问题与更改功能有关。如何在更改函数中包含OR逻辑运算符。

以下语法对于一个复选框的选择非常合适。

$(document).ready(function () 
{
     $('#Other').change(CheckBoxOtherChange);

});


function CheckBoxOtherChange() 
{
    if (document.getElementById('Other').checked) {
        document.getElementById('Notes').disabled = false;
    }
    else {
        document.getElementById('Notes').disabled = true;
        document.getElementById('Notes').value = "";
    }
}

Answer 1

使用此。.

$('#someButton').click(function() {
    var values= [];
    $('#MyDiv input:checked').each(function() {
        values.push(this.val);
    });
    // now values contains all of the values of checked checkboxes
    // do something with it
});

Answer 2

选中这个

function myfunc() {
var check = document.getElementById('Other2').checked || document.getElementById('Other').checked;
document.getElementById('Notes').disabled = !check;
if (!check) 
document.getElementById('Notes').value = ""
}
myfunc();

<input type="checkbox" id="Other2" onchange="myfunc()"/>
<input type="checkbox" id="Other" checked onchange="myfunc()"/>
    
<input type="text" id="Notes" value="foo"/>

Answer 3

您可以使用下面的代码行为字典提供键，将其键作为id，将值作为'true'或'false'

$('#click').click(function () { //#click refers to id of a button
            var dict = [];
            $('input[type="checkbox"]').each(function () {
                dict.push({
                    key: $(this).attr('id'),
                    value: $(this)[0].checked
                });
            });
        });

    });

如何验证JavaScript中的多个复选框选择？

3 个答案: