jquery判断复选框checkbox是否被选中

时间:2017-11-03
我需要检查一个复选框的checked属性(是否被选中),并使用jQuery执行基于checked属性的操作,例如,如果选中年龄复选框,则需要显示一个文本框以输入年龄,否则隐藏文本框。改如何实现呢?

我们可以通过获取checkbox的checked属性来判断复选框checkbox是否被选中,如果其属性checked为true,则表明已经选中,否则没有被选中。

js原生实现方法:

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

jquery实现方法:

<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

$("#planned_checked").change(function() {
    if($(this).prop('checked') == true) {
        alert("Checked Box Selected");
    } else {
        alert("Checked Box deselect");
    }
});