layui之给checkbox添加点击事件

参考网址

https://blog.csdn.net/hmily43/article/details/107186235

解决全选行为

页面中

<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 --><form class="layui-form">    <div class="layui-form-item"><label class="layui-form-label">复选框</label><div class="layui-input-block all" ><input type="checkbox" name="like[all]" title="全部" lay-filter="all" value="全部"></div><div class="layui-input-block aihao" ><input type="checkbox" name="like[write]" title="写作" lay-filter="aihao2" value="写作"><input type="checkbox" name="like[read]" title="阅读" lay-filter="aihao2" value="阅读"></div></div>
</form>

js 中

layui.use(['form','element'], function(){var form = layui.form;//监听复选框-单个form.on('checkbox(aihao2)', function(data){if(data.elem.checked==true){$.each($('.aihao').children('div'),function(){if($(this).hasClass('layui-form-checked')==false){$('.all').children('div').removeClass('layui-form-checked');$(".all input").prop("checked",false);return false;}else{$('.all').children('div').addClass('layui-form-checked');$(".all input").prop("checked",true);}});}else{$('.all').children('div').removeClass('layui-form-checked');$(".all input").prop("checked",false);}});//监听复选框-全部form.on('checkbox(all)', function(data){if(data.elem.checked==true){$('.aihao').children('div').addClass('layui-form-checked');$(".aihao input").prop("checked",true);}else{$('.aihao').children('div').removeClass('layui-form-checked');$(".aihao input").prop("checked",false);}});//点击提交form.on('submit(*)',function(data){var formData =data.field;console.log( data.field);return false;});
});

layui之给checkbox添加点击事件相关推荐

RecylerView为item添加点击事件
RecyclerView侧重的是布局的灵活性,虽说可以替代ListView但是连基本的点击事件都没有,这篇文章就来详细讲解如何为RecyclerView的item添加点击事件. 1 原理: 为Recy ...
给View 添加手势，点击无反应如何给View添加点击事件，手势方法
项目中有很多地方需要添加点击事件,重复代码很多,所以做了一个UIView的分类,专门做点击事件使用. 项目地址:UIView-Tap 代码很简单,主要有一点就是注意分类不能直接添加属性,需要用到运行时 ...
iostext添加点击事件_iOS给UILabel添加点击事件
前言:笔者最近需要实现给UILabel中的链接添加点击事件的功能.使用so.com查了下,发现TTTAttributedLabel的封装程度比较好.整理了TTTAttributedLabel的基本使用 ...
【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )
文章目录一.添加按钮控件二.修改按钮文本三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...
【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )
文章目录一.安装 MFC 开发组件二.创建 MFC 应用三.MFC 应用窗口编辑四.为按钮添加点击事件五.修改按钮文字六.打开系统其它应用七.博客源码一.安装 MFC 开发组件打开 ...
JQuery 动态生成元素添加点击事件
页面代码 <html> ... <body> <div id="divBox"></div> <script> $(fu ...
android html图片点击事件,Android TextView加载HTMl图文之添加点击事件和查看图片
前言用TextView显示Html图文,每一个需求都是需要探索的,不再是简单的添加点击事件就可以了. 1.如何添加点击事件这里要使用上在Html.forHtml()方法中的第四个参数:Html.T ...
Android之BaseQuickAdapter(3.0.4版本)给子view添加点击事件(helper.addOnClickListener(view))的函数没了
1.问题用BaseQuickAdapter给子view添加点击事件,以前都是在适配器里面这么写的helper.addOnClickListener(view),现在这个函数没了 2.解决办法直接在 ...
iostext添加点击事件_iOS开发小技巧 - label中的文字添加点击事件
Label中的文字添加点击事件以前老师讲过类似的功能,自己懒得回头看了,找了很多第三方的,感觉这个小巧便利,作者只是扩展了分类,实现起来代码也少.先来个效果图自己的项目,直接上代码 - (void ...

layui之给checkbox添加点击事件

layui之给checkbox添加点击事件相关推荐

最新文章

热门文章

layui之 给checkbox添加点击事件

layui之 给checkbox添加点击事件相关推荐

最新文章

热门文章

layui之给checkbox添加点击事件

layui之给checkbox添加点击事件相关推荐