javascript隐藏显示元素复选框

javascript隐藏显示元素复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我有8个复选框,默认情况下只选中其中一个 当您两次单击未选中的复选框时,表中的复选框也会链接隐藏 理想情况下,我需要在默认情况下隐藏未选中的项目,并在默认情况下显示已选中的项目。然后显示然后检查等等 下面是javascript代码 function showhide(el, target) { document.getElementById(target).style.display = el.checked ? 'block' : 'none'; } 这是html <th>

我有8个复选框,默认情况下只选中其中一个

当您两次单击未选中的复选框时,表中的复选框也会链接隐藏

理想情况下,我需要在默认情况下隐藏未选中的项目,并在默认情况下显示已选中的项目。然后显示然后检查等等

下面是javascript代码

function showhide(el, target) {
    document.getElementById(target).style.display = el.checked ? 'block' : 'none';
}
这是html

<th><input onclick="showhide(this, '1')" type="checkbox"> 1 </th>
<td><input onclick="showhide(this, '3')" type="checkbox" checked> 3 </td>

你的复选框没有id,你的HTML应该是

 <th><input onclick="showhide(this, '1')" type="checkbox" id="1"> 1 </th>
 <td><input onclick="showhide(this, '3')" type="checkbox" id="3"> 3 </td>

我想你想要的是设置默认显示

函数showhideel{ document.getElementByIdel.dataset.target.style.display=el.checked?'block':'none'; } 函数showhideclick{ 显示这一点; } var checks=document.getElementsByClassName'showhide', chk; 对于var i=0;i.长度;i++{ showhidechecks[i]; 检查[i]。添加EventListener'click',showhideclick,i } 1. 3. 1.
3document.getElementByIdtarget此处目标应该是输入元素的id属性。目标不是由onclick定义的吗?也许代码中的JSFIDLE示例更容易修复;当你在表格中点击两次未选中的复选框时,复选框被链接太隐藏了,我想OP想隐藏其他元素,但这个问题问得很糟糕哦,我没意识到。可惜我还不能投反对票