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.