jquery - 检查哪些复选框已被选中

Question

所以我有一个带有 9 个复选框的 html。我正在尝试使用 JQuery 来检查它们何时被检查/切换。这是我当前的代码。

<script>
        $(document).ready(function(){
            $("input[type=checkbox]").change(function() {
                alert("Checked");

            });
        });
</script>

这是我的 html 设置：

<form method="post">
    <input type="checkbox" id="1" name="1"/>
        <label for="1"><span>1</span></label>
    <input type="checkbox" id="2" name="2"/>
        <label for="2"><span>2</span></label>
    <input type="checkbox" id="3" name="3"/>
        <label for="3"><span>3</span></label>
    <input type="checkbox" id="4" name="4"/>
        <label for="4"><span>4</span></label>
    <input type="checkbox" id="5" name="5"/>
        <label for="5"><span>5</span></label>
    <input type="checkbox" id="6" name="6"/>
        <label for="6"><span>6</span></label>
    <input type="checkbox" id="7" name="7"/>
        <label for="7"><span>7</span></label>
    <input type="checkbox" id="8" name="8"/>
        <label for="8"><span>8</span></label>
    <input type="checkbox" id="9" name="9"/>
        <label for="9"><span>9</span></label>
</form>

上面的代码没有警报输出。怎么了？

Answer 1

做它喜欢

    $(document).ready(function(){
        $("input[type=checkbox]").click(function() {
             if($(this).prop("checked"))
                alert("Checked");

        });
    });

这是一个演示小提琴

Answer 2

演示

$(document).ready(function () {
    $("input[type=checkbox]").change(function () {
        var x = (this.checked) ? 'checked' : 'unchecked';
        alert(x);
    });
});

或者

演示

$(document).ready(function () {
    $("input[type=checkbox]").change(function () {
        if(this.checked){
            alert('checked');
        }
    });
});

Answer 3

试试这个

$(document).ready(function() {

    $("input[type='checkbox']").change(function() {
        if($(this).is(":checked")) {
             alert("Checked");
        }     
    });
});

Answer 4

使用attribute选择器和:checked选择器获取输入。然后使用.each()

$("input[type='checkbox']:checked").each(function(i,e){
    alert(e.id);
});

JS 小提琴：http: //jsfiddle.net/YyP4E/