Question

我有一个输入复选框，我想运行不同的代码块，当选中复选框时＆amp;反之亦然。

function checkboxEvent(){
    if checked{ ....Run this block  }
    else { ....Run this block  }
}

如何在功能中识别是否选中了复选框？

Answer 1

像这样：

if(document.getElementById('id of the check box here').checked){
    // it is checked. Do something
}
else{
    // it isn't checked. Do something else
}

.checked属性返回boolean，表示是否检查了元素。

Answer 2

您可以按如下方式检查复选框值

document.getElementById("myCheck").checked

所以你的功能就像......

function checkboxEvent(){
    if (document.getElementById("myCheck").checked){ ....Run this block  }
    else { ....Run this block  }
}

Answer 3

很容易找到已检查的属性，只需使用下面的代码

if(  $('input[name="transport"]').is(':checked') ) {
            alert('checked');
alert($(this).attr('id'));//To get ID of checkBox
        }

Answer 4

单击复选框时，您可能需要检查checked属性，执行：

// onchange event listens when the checkbox's state is changed
document.getElementById('box').onchange = function(){
    if(this.checked) alert("y");
    else alert("no");
};

<强> DEMO

.checked是一个布尔值，表示复选框的状态。

Answer 5

＆LT; input type =“checkbox id =”remember“＆gt;

<script>

var remember = document.getElementById('remember');
    if (remember != null && remember.checked){
        alert("checked") ;
    }else{
        alert("You didn't check it! Let me check it for you.")
    }

</script>

Answer 6

试试这个：

function checkboxEvent() {

    var boxes = document.getElementsByName("chkbox");

    for (i = 0; i < boxes.length; i++) {
        if (boxes[i].checked) {


        console.log(" Checked!");

    } else {
        console.log("not checked");

    }

}

}

for循环会查看所有复选框，看看是否已选中。

或者，您可以使用.hasAtrribute。您可以找到有关.hasAttribute here

的更多信息

Javascript - 复选框已检查条件

6 个答案: