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

        });
    });

Here是一个演示小提琴

Answer 2

DEMO

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

或

DEMO

$(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/

检查已选中的复选框

4 个答案: