这个菜单该怎么实现?

wzjpq1025 2003-06-16 11:32:35
<input type="checkbox" name="selected_big" value="1" ID="Checkbox1" checked>总查询<br>

<input type="checkbox" name="selected_small" value="101" ID="Checkbox11" checked>查询1<br>

<input type="checkbox" name="selected_small" value="102" ID="Checkbox12" checked>查询2<br>

小弟要做个菜单管理功能,“查询1”和“查询2”是“总查询”的子菜单,默认的是全部选中“checked”状态。现在要用JS做到如下效果:
1、不选中“总查询”,则“查询1”和“查询2”都不选中。
2、只有“查询1”和“查询2”都不选中的情况下,“总查询”不选中。

用JS该怎么写?请详细些,谢谢!
...全文
18 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
vjlin 2003-06-16
  • 打赏
  • 举报
回复
<input type="checkbox" name="selected_big" value="1" ID="Checkbox1" checked onclick="chanageState(this)">总查询<br>
<input type="checkbox" name="selected_small" value="101" ID="Checkbox11" checked onclick="chanageState(this)">查询1<br>
<input type="checkbox" name="selected_small" value="102" ID="Checkbox12" checked onclick="chanageState(this)">查询2<br>
<script>
function chanageState(e)
{
//alert(Checkbox1.checked+ e.id);
if ((e.id == "Checkbox1") && (Checkbox1.checked==true)) Checkbox11.checked=true;
if (Checkbox1.checked==false)
{
Checkbox11.checked=false;
Checkbox12.checked=false;
} else {
if ((Checkbox11.checked==false) && (Checkbox12.checked==false)) Checkbox1.checked=false;
}
}
</script>
fason 2003-06-16
  • 打赏
  • 举报
回复
<input type="checkbox" name="selected_big" value="1" ID="Checkbox1" onclick="selected_small[0].checked=selected_small[1].checked=checked" checked>总查询<br>

<input type="checkbox" name="selected_small" value="101" ID="Checkbox11" onclick="selected_big.checked=selected_small[1].checked&&checked?true:false" checked>查询1<br>

<input type="checkbox" name="selected_small" value="102" ID="Checkbox12" onclick="selected_big.checked=selected_small[0].checked&&checked?true:false" checked>查询2<br>
whyman 2003-06-16
  • 打赏
  • 举报
回复
<input type="checkbox" name="selected_big" value="1" ID="Checkbox1" checked onclick="ckb1();">总查询<br>

<input type="checkbox" name="selected_small" value="101" ID="Checkbox11" checked onclick="ckb11();">查询1<br>

<input type="checkbox" name="selected_small" value="102" ID="Checkbox12" checked onclick="ckb11();">查询2<br>
<script language="javascript">
function ckb1(){
if(Checkbox1.checked){
Checkbox11.checked=true;
Checkbox12.checked=true;
}
else{
Checkbox11.checked=false;
Checkbox12.checked=false;
}
}
function ckb11(){
if(Checkbox11.checked&&Checkbox12.checked)
Checkbox1.checked=true;
if(Checkbox11.checked==false&&Checkbox12.checked==false)
Checkbox1.checked=false;
}
</script>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧