素材牛

多選框的 3級聯動極簡

 瀏覽:185次-  評論:0次-  發布時間:2019-03-30
    Html
    Css
    Js
↑上面代碼改變,會自動顯示代碼結果
jQuery調用版本:1.11.3
代碼描述:多選框的 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>

討論這個常用代碼(0)回答他人問題或分享心得會獎勵牛幣

〒_〒 居然一個評論都沒有……

 文明上網,理性發言!   ?? 阿里云幸運券,戳我領取
我的積分余額:0 已下載次數:4
所需牛幣:免費下載 開始下載
會員賬號
會員密碼
安全驗證
旧板彩客网