Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.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,我正在尝试创建一个响应表,我有这大部分下来,我试图使它像手风琴在较小的分辨率观看,不幸的是,当复选框被点击,它不会取消选中(收回)。我可能错过了一些非常明显的事情,或者做了一些完全错误的事情。我已经尝试使用JS创建函数。有人能用这个给我指一下正确的方向吗 $(函数(){ $(“.close”).on('change',函数(e){ var el=$(本){ $(“.close”).not(el).prop('checked',false); } }); }); 正文{ 背景:卡卡卡; 保证金:

我正在尝试创建一个响应表,我有这大部分下来,我试图使它像手风琴在较小的分辨率观看,不幸的是,当复选框被点击,它不会取消选中(收回)。我可能错过了一些非常明显的事情,或者做了一些完全错误的事情。我已经尝试使用JS创建函数。有人能用这个给我指一下正确的方向吗

$(函数(){
$(“.close”).on('change',函数(e){
var el=$(本){
$(“.close”).not(el).prop('checked',false);
}
});
});
正文{
背景:卡卡卡;
保证金:0;
填充:20px;
字体系列:“HelveticaNeue灯”,“Helvetica Neue灯”,“Helvetica Neue”,Helvetica,Arial,“Lucida Grande”,无衬线;
字体大小:300;
}
#桌子{
显示:表格;
宽度:100%;
背景:#fff;
保证金:0;
框大小:边框框;
}
.标题{
显示:块;
宽度:100%;
背景:#64e0ef;
高度:55px;
左侧填充:10px;
颜色:#fff;
字体大小:20px;
线高:55px;
文本阴影:1px1px1pRGBA(0,0,0,3);
框大小:边框框;
}
.标题行{
背景:#8b;
颜色:#fff;
}
.行{
显示:表格行;
}
.细胞{
显示:表格单元格;
填充:6px;
边框底部:1px实心#e5;
文本对齐:居中;
}
.小学{
文本对齐:左对齐;
}
输入[type=“radio”],
输入[type=“checkbox”]{
显示:无;
}
@仅介质屏幕和(最大宽度:760像素){
身体{
填充:0;
}
#桌子{
显示:块;
利润率:44px0;
}
.标题{
位置:固定;
排名:0;
文本对齐:居中;
高度:44px;
线高:44px;
z指数:5;
边框底部:2倍实心#999;
}
.行{
位置:相对位置;
显示:块;
边框底部:1px实心#ccc;
}
.标题行{
显示:无;
}
.细胞{
显示:块;
边界:无;
位置:相对位置;
高度:45px;
线高:45px;
文本对齐:左对齐;
}
.小学:之后{
内容:“;
显示:块;
位置:绝对位置;
右:20px;
顶部:18px;
z指数:2;
宽度:0;
身高:0;
边框顶部:10px实心透明;
边框底部:10px实心透明;
右边框:10px固体#ccc;
}
.单元:第n个类型(n+2){
显示:无;
}
输入[type=“radio”],
输入[type=“checkbox”]{
显示:块;
位置:绝对位置;
z指数:1;
宽度:99%;
身高:100%;
不透明度:0;
}
输入[type=“radio”]:选中,
输入[type=“checkbox”]:选中{
z指数:-1;
}
输入[type=“radio”]:选中~.单元格,
输入[type=“checkbox”]:选中~.单元格{
显示:块;
边框底部:1px实心#eee;
}
输入[type=“radio”]:选中~。单元格:第n个类型(n+2),
输入[type=“checkbox”]:选中~。单元格:类型的第n个(n+2){
背景:#e0;
}
输入[type=“radio”]:选中~。单元格:类型的第n个(n+2):之前,
输入[type=“checkbox”]:选中~。单元格:类型的第n个(n+2):之前{
内容:attr(数据标签);
显示:内联块;
宽度:60px;
背景:#999;
边界半径:10px;
高度:20px;
右边距:10px;
字体大小:12px;
线高:20px;
文本对齐:居中;
颜色:白色;
}
输入[type=“radio”]:选中。主,
输入[type=“checkbox”]:选中~.primary{
边框底部:2倍实心#999;
}
输入[type=“radio”]:选中~。主:之后,
输入[type=“checkbox”]:选中~。主:之后{
位置:绝对位置;
右:18px;
顶部:22px;
右边框:10px实心透明;
左边框:10px实心透明;
边框顶部:10px实心#ccc;
z指数:2;
}
}

主标题
开发商
基础
加速器
企业
项目1
分项
分项
分项
分项
项目2
分项
分项
分项
分项
项目3
分项
分项
分项
分项
项目4
分项
分项
分项
分项
项目5
分项
分项
分项
分项
项目6
分项
分项
分项
分项

您可以在第一个div行之前添加一个新的输入复选框来修复它。选中此项:

$(函数(){
$(“.close”)。在('click',函数(e)上{
$(“.close”).not(this).prop('checked',false);
});
});
正文{
背景:卡卡卡;
保证金:0;
填充:20px;
字体系列:“HelveticaNeue灯”,“Helvetica Neue灯”,“Helvetica Neue”,Helvetica,Arial,“Lucida Grande”,无衬线;
字体大小:300;
}
#桌子{
显示:表格;
宽度:100%;
背景:#fff;
保证金:0;
框大小:边框框;
}
.标题{
显示:块;
宽度:100%;
背景:#64e0ef;
高度:55px;
左侧填充:10px;
颜色:#fff;
字体大小:20px;
线高:55px;
文本阴影:1px1px1pRGBA(0,0,0,3);
框大小:边框框;
}
.标题行{
背景:#8b;
颜色:#fff;
}
.行{
显示:表格行;
}
.细胞{
显示:表格单元格;
填充:6px;
边框底部:1px实心#e5;
文本对齐:居中;
}
.小学{
文本对齐:左对齐;
}
输入[type=“radio”],
输入[type=“checkbox”]{
显示:无;
}
@仅介质屏幕和(最大宽度:760像素){
身体{
填充:0;
}
#桌子{
显示:块;
利润率:44px0;
}
.标题{
位置:固定;
排名:0;
文本对齐:居中;
高度:44px;
线高:44px;
z指数:5;
边框底部:2倍实心#999;
}
.行{
位置:相对位置;
显示:块;
边框底部:1px实心#ccc;
}
.标题行{
显示:无;
}
.细胞{
显示:块;
边界:无;
位置:相对位置;
高度:45px;
线高:45px;
文本对齐:左对齐;
}
.小学:之后{
内容:“;
显示:块;
位置:绝对位置;
右:20px;
顶部:18px;