layui 的checkbox事件

<form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 --><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>

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事件相关推荐

vue+layui获取CheckBox的值
vue+layui获取CheckBox的值定义一样的name和v-filter 然后对其进行监听.
layUI表格工具栏事件点击后刷新页面解决办法
layUI表格工具栏事件点击后刷新页面的解决办法将默认的按钮<button class="layui-btn" lay-event="事件名">按 ...
LAYUI 数据表格table 监听switch/checkbox事件
注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on. var table = ...
button layui 点击事件_Layui 带多选框表格监听事件以及按钮自动点击写法实例
不话不多说了,直接上代码吧: 获取选中行数据获取选中数目验证是否全选提交选择 id运动名运动时长运动类型 var msg=""; var idlist="" ...
layui获取checkbox选中值_小程序之十二获取多选按钮数值及后续想法
选自杨敬华画作.我,一直为亲手促成其成为同事感到骄傲,类似让我骄傲的,还有几位. 图文,超过1000字,就没有耐心看完,我尽量控制在1000字以内! 今天,编个程,展示一下复选款数据获取方式需求:从 ...
layui的checkbox示例
1.html页面: var isSkipcheckbox = ''; if (appOptions.isSkip != "0") { isSkipcheckbox = 'check ...
layui表格checkbox选择全选样式及功能
在之前的版本,默认复选框是要有值得,默认为"勾选"两个字,在表格里用来做选择不适合,很难改,还好layui升级后,可以支持不写name值,来适应表格中的选择操作. 1.layui版 ...
前端：CheckBox事件函数js
//tbody中多选按钮事件 $("#list-table tbody").on("click", "input[type='checkbox']&q ...
layui 重置checkbox全部选中和未选中
全部不选中 $(".checkboxs").each(function(){$(this).prop('checked', false);}); 全部选中 $(".che ...

layui 的checkbox事件

layui 的checkbox事件相关推荐

最新文章

热门文章