素材牛VIP会员

多选框的 3级联动极简

 浏览:907次-  评论:1次-  发布时间:2019-03-30
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.11.3
素材牛VIP永久特权
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
代码描述:多选框的 3及联动完整

一级

$(".permission-list dt input:checkbox")

二级   

$(".permission-list2 dt input:checkbox")

三级 

 $(".permission-list2 dd input:checkbox")

更改为

$(document).on("click",".permission-list2 dd input:checkbox']",function(){ /*代码*/ });

可以用来界面热插件使用

按此规则 应用js即可

<dl class="permission-list">
  <dt>
    <label>
      <input type="checkbox" name="omenu2[]" id="2" value="2">
      角色权限</label>
  <dd>
    <dl class="cl permission-list2">
      <dt>
        <label class="">
          <input type="checkbox" name="tmenu2[]" id="21" value="21">
          123 </label>
      </dt>
      <dd>
        <label class="">
          <input type="checkbox" name="power2[]" id="211" value="211">
          添加</label>
        <label class="">
          <input type="checkbox" name="power2[]" id="212" value="212">
          修改</label>
        <label class="">
          <input type="checkbox" name="power2[]" id="213" value="213">
          删除</label>
        <label class="">
          <input type="checkbox" name="power2[]" id="214" value="214">
          查看</label>
        <label class="">
          <input type="checkbox" name="power2[]" id="215" value="215">
          审核</label>
      </dd>
    </dl>
  </dd>
  </dt>
</dl>

讨论这个常用代码(1)回答他人问题或分享心得会奖励牛币

Aa***qu
2019年07月18日

这个代码

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:907
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)