Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查勾选框是否选中_Javascript_Jquery - Fatal编程技术网

Javascript 检查勾选框是否选中

Javascript 检查勾选框是否选中,javascript,jquery,Javascript,Jquery,我有3个字段,复选框,文本区域和选择列表。当勾选复选框时,我将隐藏文本区域并选择列表,然后在勾选复选框未选中时显示这两个。 我已经尝试了这段代码(如下),但没有运气正常运行。请帮忙 var monoG = $('#tickbox'); var monoM = $('#textarea'); var monoC = $('#select'); if ($(monoG).checked = false) { $(monoM).hide();

我有3个字段,复选框,文本区域和选择列表。当勾选复选框时,我将隐藏文本区域并选择列表,然后在勾选复选框未选中时显示这两个。 我已经尝试了这段代码(如下),但没有运气正常运行。请帮忙

    var monoG = $('#tickbox');
    var monoM = $('#textarea');
    var monoC = $('#select');

    if ($(monoG).checked = false) {

        $(monoM).hide();
        $(monoC).hide();

    } else {
        $(monoM).show();
        $(monoC).show();
    }

您要查找的是和选择器。请不要再将Jquery对象包装到
$()

试试看

您的完整代码

if (monoG.is(":checked")) {
   monoM.hide();
   monoC.hide();

} else {
    monoM.show();
    monoC.show();
}
您可以将选择器一起使用

if (monoG.is(':checked')
或:

另外,
monoG
已经是一个jQuery对象,您不需要再次将其包装在
$
中,也不需要使用
change()
事件来跟踪复选框的更改:

monoG.change(function () {
    if (!monoG.prop('checked')) {
        monoM.hide();
        monoC.hide();   
    } else {
        monoM.show();
        monoC.show();
    }
}); 

您可以使用jQuery
change
进行绑定,然后检查复选框是否已选中


单击功能示例

$('element').click(function(){
if( $(monoG).is(":checked") ){
   monoM.hide();
   monoC.hide(); 
}else{
    monoM.show();
    monoC.show();
}
});

可通过以下方式执行检查的输入频率:el=元素。


非常感谢你的帮助。我已经试过了所有的代码,都很好用。谢谢
monoG.change(function () {
    if (!monoG.prop('checked')) {
        monoM.hide();
        monoC.hide();   
    } else {
        monoM.show();
        monoC.show();
    }
}); 
$('element').click(function(){
if( $(monoG).is(":checked") ){
   monoM.hide();
   monoC.hide(); 
}else{
    monoM.show();
    monoC.show();
}
});
$el.prop('checked');
$el.is(':checked');
$el.attr("checked");
$el[0].checked; // is the fastest as Ops/Sec

var monoG = $('#tickbox');
var monoM = $('#textarea');
var monoC = $('#select');

if (!monoG[0].checked) {
    monoM.hide();
    monoC.hide();
} else {
    monoM.show();
    monoC.show();
}