Javascript - 复选框选中条件[重复]答案

【问题标题】：Javascript - Checkbox checked condition [duplicate]Javascript - 复选框选中条件[重复]
【发布时间】：2014-07-20 22:17:39
【问题描述】：

我有一个输入复选框，我想在勾选复选框时运行不同的代码块，反之亦然。

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

如何在函数中识别复选框是否被选中？

【问题讨论】：

标签： javascript

【解决方案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 指示元素是否被选中。

【讨论】：

【解决方案2】：

您可以检查复选框值如下

document.getElementById("myCheck").checked

所以你的函数应该是 ..

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

【讨论】：

【解决方案3】：

很容易找到选中的属性，只需使用下面的代码

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

【讨论】：

检查 javascript 标签信息：除非还包含框架/库的标签，否则需要纯 JavaScript 答案。

【解决方案4】：

您可能希望在单击复选框时检查选中的属性，请执行以下操作：

// 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 是表示复选框状态的布尔值。

【讨论】：

【解决方案5】：

<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>

【讨论】：

【解决方案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

【讨论】：