多个checkbox时点击展示和隐藏关系？
日期：2014-05-16 浏览次数：20392 次
多个checkbox时点击显示和隐藏关系？？
------解决方案--------------------
当我点击上面的某一个显示点击多个时 ？？兄弟表示没有看懂。。。发个站内信 看似应该很简单 估计要用到this
------解决方案--------------------
你自己也说了 当全部选中取消后 div隐藏
也就是 if(每个 checkboc全部处于 checked＝false){ hide(div) }
------解决方案--------------------
<html>
<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>
- HTML code
<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代码怎么写，请懂的高手 帮忙!!!!
------解决方案--------------------
当我点击上面的某一个显示点击多个时 ？？兄弟表示没有看懂。。。发个站内信 看似应该很简单 估计要用到this
------解决方案--------------------
你自己也说了 当全部选中取消后 div隐藏
也就是 if(每个 checkboc全部处于 checked＝false){ hide(div) }
------解决方案--------------------
<html>
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
