Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/13.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_Checkbox - Fatal编程技术网

Javascript 如果在表中显示,则切换复选框

Javascript 如果在表中显示,则切换复选框,javascript,jquery,html,css,checkbox,Javascript,Jquery,Html,Css,Checkbox,我有一个包含一些行和列的表。在每一行和每一列中都有一个代表复选框的图像。基本上,单击图像时,它会选中该复选框(图像选择器) 我想做的是,当我单击一个图像(复选框)时,其余的图像将被隐藏,再次单击它将显示其余的图像(切换) $(文档).ready(函数(){ $('.sign-reason').change(函数(){ $(this.parent('td').sides().toggle(); }); }); 您可以使用jquery的show()和hide()方法。但是当我们使用它们时,我们

我有一个包含一些
行和列的表。在每一行和每一列中都有一个代表
复选框的图像。基本上,单击图像时,它会选中该复选框(图像选择器)

我想做的是,当我单击一个图像(复选框)时,其余的图像将被隐藏,再次单击它将显示其余的图像(切换)

$(文档).ready(函数(){
$('.sign-reason').change(函数(){
$(this.parent('td').sides().toggle();
});
}); 

您可以使用jquery的show()和hide()方法。但是当我们使用它们时,我们有一些奇怪的输出(并不总是这样),为了隐藏它们,我们更改了html属性“display:none”,并切换回show()。当然,在控制是否检查图像之后


您可以根据要隐藏或显示的内容在按钮单击功能下相应地创建函数,并且可以实现切换。祝你好运

最好创建CSS样式来隐藏元素并切换类

$(文档).ready(函数(){
$('.sign-reason').change(函数(){
//这里parents函数将搜索父tr,其中as parent只引用元素的直接父元素
$(this).parents('td').sides().toggleClass('hide');
});
}); 
/*类来隐藏元素*/
.hide{display:none;}

给你一个解决方案

$(文档).ready(函数(){
$('.sign-reason').change(函数(){
$('.sign reason').closest('label').toggle();
$(this).closest('label').show();
});
}); 

试试这个简单的解决方案:
$(文档).ready(函数(){
$('.sign-reason').change(函数(){
$('.sign-reason').not(this).closest(“td”).toggle()
});
});

1.
2.
3.
4.
5.