Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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_Html_Css - Fatal编程技术网

Javascript 基于另一个复选框选择显示/隐藏复选框

Javascript 基于另一个复选框选择显示/隐藏复选框,javascript,jquery,html,css,Javascript,Jquery,Html,Css,希望在选中第一个复选框(geographic\u checkbox)时,还会显示另外两个复选框(region,cities&towns\u checkbox和ringfensing\u checkbox),但由于某些原因,我的代码不起作用 $(“#地理”复选框”)。在('click',function()上{ 如果(选中此项){ $(“#地理子选项”).removeClass('hidden'); }否则{ $('地理'子选项').addClass('隐藏'); } }); 。隐藏{ 显示:无

希望在选中第一个复选框(
geographic\u checkbox
)时,还会显示另外两个复选框(
region,cities&towns\u checkbox
ringfensing\u checkbox
),但由于某些原因,我的代码不起作用

$(“#地理”复选框”)。在('click',function()上{
如果(选中此项){
$(“#地理子选项”).removeClass('hidden');
}否则{
$('地理'子选项').addClass('隐藏');
}
});
。隐藏{
显示:无;
}

瞄准
  • 地理

    +0.08英镑

    • 地区、城市和城镇
    • +0.08英镑

    • 围栏
    • +0.08英镑


实际上,对于这种功能,您并不真正需要
javascript
,因为
css
提供了
:选中的
选择器:

。隐藏{
显示:无;
}
ul输入:选中~#地理子选项{
显示:内联;
}

瞄准
  • 地理

    +0.08英镑

    • 地区、城市和城镇
    • +0.08英镑

    • 围栏
    • +0.08英镑


您当前的代码对我来说似乎运行良好:您的代码已经在运行。只是尝试了一下,在safari或chrome for meCheck上似乎不起作用。请检查开发工具控制台中的错误。还要确保上面的代码片段与您的代码完全匹配。@bboooyin英国您能
upvote
usefull答案吗?谢谢;)