我想根据选中的复选框的数量来隐藏div。Div A在页面加载时是可见的,而div B是隐藏的。如果选中的复选框总数等于2或大于2,则我希望隐藏div A并显示div B。
<input class="iput" type="checkbox" name="E33" value="33" stock="20"/> A
<input class="iput" type="checkbox" name="E34" value="33" stock="6"/>
<input class="iput" type="checkbox" name="E646" value="33" stock="7"/>
<input class="iput" type="checkbox" name="E46" value="33" stock="7"/>
<input class="iput" type="checkbox" name="E626" value="33" stock="7"/>
<input class="iput" type="checkbox" name="E656" value="33" stock="7"/>
<div class="a"> Hello </div>
<div class="b" style="display:none"> BYE </div>
Total checked boxes= <span id="result"></span>
总是不能做到这一点。目前,我可以计算选中框的总数,但无法找到使用总计数来显示和隐藏div的方法。
function showChecked(){
var length = document.querySelectorAll("input:checked").length,
text = "Total Number of Items Selected = "
document.getElementById("result").textContent = length;
document.getElementById("final").value = length;
}
document.querySelectorAll("input[type=checkbox]").forEach(i=>{
i.onclick = function(){
showChecked();
}
});
https://stackoverflow.com/questions/51690227
复制相似问题