我做了一个模型网站的问题是我试图过滤我的内容使用单选按钮woth每个有iets自己的值(manga,manwha
)和内容有不同的值(manga,manwha
)类标签现在我尝试了一些东西在JavaScript但它只带走了内容时radiobtn检查但它需要做相反的只显示内容是检查
使用的代码如下,但添加了我自己的东西
function filterItems() {
// Get the selected radio button value
var selectedValue = document.querySelector('input[name="checkbox3"]:checked').value;
// Get all list items
var items = document.querySelectorAll('#manga, #manwga');
// Loop through each item and show/hide based on the selected radio button
for (var i = 0; i < items.length; i++) {
var item = items[i];
if (item.getAttribute('data-type') === selectedValue || selectedValue === 'all') {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
}
}
3条答案
按热度按时间6l7fqoea1#
如果你的问题是你的代码隐藏了对应于
radioButton
的内容,你只需要让它隐藏所有不对应于radioButton
的内容。到
bwleehnv2#
如果你需要反转行为,你可以像这样改变
if block
,也可以去掉else block
。实际上,循环中并不需要这个
var item = items[i];
-它只是内存消耗。并且循环的主体将变为:
另外,让我们正确使用
dataset
属性-dataset.typemtb9vblg3#
下面是一个例子,它从检查的输入中收集所有值,并在每次更改时将它们放入一个数组中。然后,它循环遍历您想要显示或隐藏的元素,并检查每个元素的数据类型值是否与检查的输入的值之一相对应。
默认情况下隐藏元素,仅通过添加类来显示它们。