<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" /><div id="divcon" style="display:none">显示内容</div>当我点击上面的某一个显示点击多个时 checkbox 时那么div层显示,如果全部没有被选中那div层隐藏 那么js代码怎么写,请懂的高手 帮忙!!!!
上面不是很多个吗,或者是N个 input checkbox 那么,当我选中一个或者是多个的时候 div层为显示状态 不变,如果都选中了再全部取消,那么div层为隐藏状态例如:
默认不选时div为隐藏,当我选中一个checkbox时 div为显示,当我再选中一个checkbox时 div还是为显示,现在有二个了,或是n个选中都是为显示,
当我把选中的取消一个 div还是为显示 ,当我把选中的全部取消后,div才为隐藏。
<head>
<title>js限制输入长度,支持中英文</title>
</head>
<body>
<input type="text" name="giftDescribe" onkeyup="if(this.value.length>=10){alert('您的输入超过限定长度')}else{value=value.replace(/[^\u4E00-\u9FA5]/g,'');}"/>
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" />
<input type="checkbox" name="jinbick" onclick="div()" value="0" /><div id="divcon" style="display:none">显示内容</div>
<script>
function div()
{
var cheLength = document.getElementsByName("jinbick");
for(var i=0; i<cheLength.length; i++)
{
if(cheLength[i].checked)
{
document.getElementById('divcon').style.display = "block";
return;
}
else
{
document.getElementById('divcon').style.display = "none";
}
}
}
</script>
</body>
</html>
<input type="checkbox" name="jinbick" value="0" />
<input type="checkbox" name="jinbick" value="0" />
......
<div id="divcon" style="display:none">显示内容</div>
<script>
window.onload=function(){
var jinbick=document.getElementsByName("jinbick");
var divcon=document.getElementById("divcon");
for(var i=0;i<jinbick.length;i++){
jinbick[i].onclick=function(){
var k=0;
for(var n=0;n<jinbick.length;n++){
if(jinbick[n].checked){
k++;
}
}
if(k==0){
divcon.style.display="none";
}else{
divcon.style.display="";
}
}
}
}
</script>