国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

layui復選框的全選與取消實現方法

2019-11-19 10:55:19
字體:
來源:轉載
供稿:網友

廢話不多說啦,直接貼上代碼吧!

   <div class="layui-form-item layui-form-text">            <label class="layui-form-label">                <span class="x-red">*</span>權限表            </label>            <div class="layui-input-block">                <table class="layui-table layui-input-block">                    <tbody>                <tr>                    <td>                        客戶管理                       <input class="checkbox_v1" type="checkbox" name="checkbox_v1" value="客戶管理" lay-filter="checkbox_v1">                    </td>                    <td>                        <div class="layui-input-block">                            <input name="checkbox1[]" type="checkbox" value="意向" class="checkbox1" lay-filter="checkbox1">意向                            <input name="checkbox1[]" type="checkbox" value="會員" class="checkbox1" lay-filter="checkbox1">會員                        </div>                    </td>                </tr>                <tr>                    <td>                        施工管理                        <input class="checkbox_v2" type="checkbox" name="checkbox_v2" value="施工管理" lay-filter="checkbox_v2">                    </td>                    <td>                        <div class="layui-input-block">                                <input type="checkbox" name="checkbox2[]" value="設計" class="checkbox2" lay-filter="checkbox2">設計                                <input type="checkbox" name="checkbox2[]" value="完工" class="checkbox2" lay-filter="checkbox2" >完工                                <input type="checkbox" name="checkbox2[]" value="業主" class="checkbox2" lay-filter="checkbox2">業主                        </div>                    </td>                </tr>                <tr>                    <td>                        系統設置                       <input class="checkbox_v3" type="checkbox" name="checkbox_v3" value="系統設置" lay-filter="checkbox_v3">                    </td>                    <td>                        <div class="layui-input-block">                                <input type="checkbox" name="checkbox3[]" value="個人資料" class="checkbox3" lay-filter="checkbox3" >個人                                <input type="checkbox" name="checkbox3[]" value="BOSS"  class="checkbox3" lay-filter="checkbox3" >BOSS                        </div>                    </td>                </tr>                    </tbody>                </table>            </div>        </div>
<script> layui.use([ 'layer', 'jquery', 'form'], function() {  $ = layui.jquery;  var form = layui.form    ,layer = layui.layer;  form.on('checkbox(checkbox_v1)', function(data){   var a = data.elem.checked;   if(a == true){    $(".checkbox1").prop("checked", true);    form.render('checkbox');   }else {    $(".checkbox1").prop("checked", false);    form.render('checkbox');   }  });  form.on('checkbox(checkbox1)', function(data) {   var b = data.elem.checked;   if(b == true){    $(".checkbox_v1").prop("checked", true);    form.render('checkbox');   }else {    var item = $(".checkbox1");    var bool = false;    for (var i = 0; i < item.length; i++) {     if(item[i].checked == true){      bool = true;      break;     }    }    if(bool==false) {     $(".checkbox_v1").prop("checked", false);     form.render('checkbox');    }   }  });  form.on('checkbox(checkbox_v2)', function(data){   var a = data.elem.checked;   if(a == true){    $(".checkbox2").prop("checked", true);    form.render('checkbox');   }else {    $(".checkbox2").prop("checked", false);    form.render('checkbox');   }  });  form.on('checkbox(checkbox2)', function(data) {   var b = data.elem.checked;   if(b == true){    $(".checkbox_v2").prop("checked", true);    form.render('checkbox');   }else {    var item = $(".checkbox2");    var bool = false;    for (var i = 0; i < item.length; i++) {     if(item[i].checked == true){      bool = true;      break;     }    }    if(bool==false) {     $(".checkbox_v2").prop("checked", false);     form.render('checkbox');    }   }  });  form.on('checkbox(checkbox_v3)', function(data){   var a = data.elem.checked;   if(a == true){    $(".checkbox3").prop("checked", true);    form.render('checkbox');   }else {    $(".checkbox3").prop("checked", false);    form.render('checkbox');   }  });  form.on('checkbox(checkbox3)', function(data) {   var b = data.elem.checked;   if(b == true){    $(".checkbox_v3").prop("checked", true);    form.render('checkbox');   }else {    var item = $(".checkbox3");    var bool = false;    for (var i = 0; i < item.length; i++) {     if(item[i].checked == true){      bool = true;      break;     }    }    if(bool==false) {     $(".checkbox_v3").prop("checked", false);     form.render('checkbox');    }   }});</script>

以上這篇layui復選框的全選與取消實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 清新县| 石柱| 吉安市| 泗洪县| 贺州市| 云和县| 维西| 平果县| 扶沟县| 于田县| 苏州市| 昌乐县| 昂仁县| 江川县| 凤冈县| 遵化市| 河北省| 天等县| 象山县| 盈江县| 彭州市| 长兴县| 松原市| 桃园市| 西峡县| 甘孜| 广宗县| 怀仁县| 南昌县| 团风县| 察隅县| 盈江县| 临朐县| 清水河县| 马鞍山市| 芷江| 政和县| 天津市| 霞浦县| 扬州市| 合山市|