select自动触发并给多选框checkbox赋值

最新推荐文章于 2023-12-22 21:20:14 发布

CxToBj

最新推荐文章于 2023-12-22 21:20:14 发布

阅读量395

点赞数

分类专栏：前端资料

本文链接：https://blog.csdn.net/lang09/article/details/102851149

版权

前端资料专栏收录该内容

14 篇文章 1 订阅

订阅专栏

--------------select框----------------
<div class="layui-inline" >
        <select name="departmentId"  lay-search="" lay-verify="required" id="departmentId" lay-filter="departmentIds">
            <option value="-1">请选择</option>
            <option value="0">后台1</option>
            <option value="1">111</option>
            <option value="2">2222</option>
          </select>
    </div>
----------------动态的checkBox---------------------------
 var htmlmenu="";
			var checkBoxName = [];
			var strCheckBoxName="";
            form.on('select(departmentIds)', function(data){


                $.ajax({
                    url: "/menuRoleController/selectmenu",
                    data: {"page": 1,"limit":10000,"key":data.value},
                    dataType: "json",
                    type: "post",
                    async: false,
                    success: function (data) {
                        htmlmenu="";
						checkBoxName = [];
						strCheckBoxName="";
                        $.each(data.data, function (index, item) {
                           // alert(item.mname);//0是显示1是不显示  <label class="layui-form-label">角色名称:</label>
                            htmlmenu+= '<label class="layui-form-label menu_label_class">'+item.mname+':</label>'+
                             '<div class="layui-input-block  menu_data_list">'+
                             '<input type="checkbox"   name="'+item.code+'.add"  data-name="'+item.code+'"    data-type="add"   value="1"  lay-filter="filter"  title="添加" >'+
                             '<input type="checkbox"  name="'+item.code+'.del"  data-name="'+item.code+'"  data-type="del"   value="1"   lay-filter="filter" title="删除">'+
                             '<input type="checkbox"  name="'+item.code+'.update" data-name="'+item.code+'" data-type="update"  value="1"  lay-filter="filter" title="更改" >'+
                             ' <input type="checkbox"  name="'+item.code+'.query" data-name="'+item.code+'"  data-type="query"  value="1"  lay-filter="filter" title="查询" >'+
                               '</div>'
							checkBoxName.push(item.code);
                        });
						strCheckBoxName=checkBoxName.toString();

                        $("#smenu").html(htmlmenu);
                        form.render();
                    }, error: function () {
                        layer.msg('失败');

                    },

                });
            });
----------------------------------------------------
$('.layui-form-select dl dd.layui-this').trigger('click');//layui自动触发select
								jsontoarr=JSON.parse(res.data.jsondata);//json转数组
								$.each(jsontoarr, function(key, val) {//循环数组
                                 	$.each(val, function(key1, val1) {//循环数组 val为json里面的另一个数组
                                      //var unitTypeCheckbox = $("input[name="+key+"]");
										var keys=key+"."+key1;
										var unitTypeCheckbox =document.getElementsByName(keys);//返回的是一个数组
									    if(val1==0){
											for (var i = 0; i < unitTypeCheckbox.length; i++) {
                                                	unitTypeCheckbox[i].value =0;//给select下拉选赋值
													unitTypeCheckbox[i].checked = true;//给select下拉选勾选

											}

										}

									});

								});
							   form.render();//layui回显