layui复选框：被js操作checked切换并显示状态（含案例、代码）

案例 · 应用 · 截图：

以下图效果为例：

操作后效果：

对应审查：

案例 · 代码：

···略略···<div class="layui-form-item"><!--<label class="layui-form-label">请同意</label>--><div class="layui-input-block"><input type="checkbox" name="protocol"  id="protocol" title="同意" lay-skin="primary"><!--点击阅读--><a href="javascript:void(0);" onclick="show_protocol();return false;" class="layui-font-green layui-btn-xs" title="{L('click_read_protocol')}">注册协议</a></div>
</div>···略略···<script>function show_protocol() {art.dialog({lock:false,title:'{L('register_protocol')}',id:'protocoliframe', iframe:'?m=member&c=index&a=register&protocol=1',width:'500',height:'310',yesText:'{L('agree')}'}, function(){// alert("ok");$('#protocol').next('.layui-form-checkbox').addClass('layui-form-checked');$("#protocol").attr("checked",true);});
}</script><!-- 你的 HTML 代码 -->
<script src="{APP_PATH}statics/plugin/layui/layui.js"></script>
<script>layui.use(['form', 'element'], function(){var form = layui.form,element = layui.element //Tab的切换功能，切换事件监听等，需要依赖element模块,layer = layui.layer;···略略···</script>

背景 · 设置：

使用说明：

注意事项分析 · 总结 · 如下：

如遇到无法正常修改页面样式效果，可能是引入文件的顺序不对；
或者：没有定义：form.rend('checkbox') //重新渲染
或者：没有旧项目的部分插件，无法进行业务对接 (如本案例所示)
（此时，需要直接通过js或jquery手动修改DOM元素（jq同级选择器）的class属性进行操作了，如本例所示）；

以上就是关于“ layui复选框：被js操作checked切换并显示状态（含案例、代码）”的全部内容。

layui复选框：被js操作checked切换并显示状态（含案例、代码）相关推荐

layui复选框组件：如何操控隐藏域实现checked状态切换（含代码、案例、截图）
文章目录 layui复选框组件:如何操控隐藏域实现checked状态切换(含代码.案例.截图) 注意: 案例 · 应用场景 · 说明: 案例 · 截图 · 示下主要代码 · 示下: 使用说明: 博主 ...
layui复选框默认选中
layui复选框默认选中 table.render({elem: '#projectMaterialList', cols: [[ //标题栏{checkbox: true}, {type: 'num ...
layui复选框怎么取值_layui获取checkbox复选框值
获取layui表单复选框已选中的数据 HTML layui.form.checkbox 获取选中复选框开关关开关开立即提交 JS layui.use('form', function(){ v ...
layui复选框怎么取值_layui如何获取checkbox复选框的值
layui如何获取checkbox复选框的值发布时间:2020-10-21 17:07:09 来源:亿速云阅读:164 作者:Leah 本篇文章给大家分享的是有关layui如何获取checkbox ...
layui复选框怎么取值_layui获取多选框中的值方法
layui获取多选框中的值方法 HTML: title="=$value;?>"> js: $("input:checkbox[name='standard' ...
layui复选框,设置部分可选
话不多说直接上代码关键代码是,table的done回调和table.on复选框监听 layui.use(['table', 'util'], function () {var table = lay ...
layui复选框勾选取值
1.本次做页面的时候要用到复选框,并且勾选不同的复选框要展示不同的输入项,这就需要判断到底是勾选了那个.如下是我的页面实现. <div class="layui-form-item&q ...
[jQuery] 判断复选框checkbox是否选中checked
返回值是true/false method 1: $("#register").click(function(){if($("#accept").get(0). ...
html checkbox复选框更换背景,js实现点击切换checkbox背景图片的简单实例
在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现.如图,在输入用户名和密码后,用户需要选择是否记住密码图片背景为白色表示未勾选状态 ,背景 ...

layui复选框：被js操作checked切换并显示状态（含案例、代码）

文章目录

layui复选框：被js操作checked切换并显示状态（含案例、代码）

案例 · 应用 · 截图：

案例 · 代码：

背景 · 设置：

使用说明：

layui复选框：被js操作checked切换并显示状态（含案例、代码）相关推荐

最新文章

热门文章

layui复选框：被js操作checked切换并显示状态（含案例、代码）

文章目录

layui复选框：被js操作checked切换并显示状态 （含案例、代码）

案例 · 应用 · 截图：

案例 · 代码：

背景 · 设置：

使用说明：

layui复选框：被js操作checked切换并显示状态（含案例、代码）相关推荐

最新文章

热门文章

layui复选框：被js操作checked切换并显示状态（含案例、代码）