Javascript 使多个图片可见的复选框

我对js和html非常陌生，在执行任务时遇到了一些问题。我想创建一个复选框，使一些图片可见。例如，我有5张照片。每张照片上都有一男一女。现在我想让所有女性照片都可见，如果有人选中女性复选框。 到目前为止，我有一个jq解决方案，并试图将其转换为js，但失败了。有人知道如何解决这个问题吗

$document.readyfunction{ //name=gender复选框的事件处理程序 $'：复选框[name=gender]'。在“更改”上，函数{ $'img[data-gender='+this.value+']'.css'visibility'，this.checked''visible'：'hidden'； }; //名称为visibility的复选框的事件处理程序 $'：复选框[name=visibility]'。在“更改”上，函数{ $'img[src*='+this.value+']'.css“可见性”，this.checked“可见”：“隐藏”； }; }; .myimage{ 可见性：隐藏； } 男性的 女的 人1 人2 人3 人4 人5

---

我原以为我会将此作为一个正式答案，在将代码转换为函数之后，问题是现在您以错误的方式请求了数据性别属性。可以通过将if el.dataset.gender==替换为if el.dataset.gender==来解决此问题。希望这有帮助，如果有，你能接受这个请

图片无法加载，但复选框似乎对我有效。你指的是jq还是js？jq是第一个，它是好的。第二个是我试图将其转换为js no jq，但它不起作用。对不起，没有正确阅读问题，你是对的，只有第一个有效，HTML代码对两者都一样吗？嗯，我发布了HTML代码。这有点不同。好吧，我认为我已经发现了问题，直接查看第二个示例源代码，您没有将JS代码放入函数中，因此无法从HTML调用它。我应该请求什么？我是新手，所以我不知道怎么做。我不明白你的问题。哦，我明白你的意思，你要求的是正确的事情，但方式是错误的…看我的答案。