layui如何获取复选框的值以及如何为复选框赋值

layui如何获取复选框的值以及如何为复选框赋值

获取复选框的值:

(学习视频分享:javascript视频教程)

一、layui获取单个复选框的值

=========================================HTML=============================================
   
         
                              
                                                       
         
           
========================================JS=============================================var allDayCheck = document.getElementById("AllDay").checked;var isEndCheck = document.getElementById("IsEnd").checked;

登录后复制

二、layui获取多个复选框的值,并集中传给后台

//HTML代码

登录后复制 //JS代码 layui.use('form', function(){ var form = layui.form; form.on('submit(formDemo)', function(data){ //获取checkbox[name='like']的值 var arr = new Array(); $(“input:checkbox[name='like']:checked”).each(function(i){ arr[i] = $(this).val(); }); data.field.like = arr.join(“,”);//将数组合并成字符串 $.post(“admin.php”, {data:data.field}, function (res) { if (res.code == 1) { layer.msg(res.msg, {time: 1800, icon: 1}, function () { location.href = res.url; }); } else { layer.msg(res.msg, {time: 1800, icon: 2}); } }, 'json'); return false; }); });

那么怎么给layui复选框赋值呢?

 layui.use('form', function () {     form = layui.form;     $('#AllDay').prop("checked", true); //先进行基本赋值                               form.render(); //这句必须(用来更新渲染页面)});

登录后复制

推荐教程:javascript视频教程

以上就是layui如何获取复选框的值以及如何为复选框赋值的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3005518.html

(0)
上一篇 2025年3月13日 00:58:04
下一篇 2025年2月22日 22:27:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • layui输入框如何设置禁止输入

    layui输入框设置禁止输入的方法:首先打开相应的代码文件;然后通过设置输入框属性为“disabled readonly class=”layui-input layui-disabled””来实现禁止输入即可。 推…

    2025年3月13日
    200
  • layui中layer的宽高怎么自定义设置?

    layui中的layer模块可使用area属性来设置宽高。默认状态下,layer是宽高都自适应的,但当需要自定义宽度和高度时就可以使用“area:[‘宽度’,’高度’]”语句来设置,例“are…

    2025年3月13日
    200
  • layui如何使用jquery

    layui使用jquery的方法:1、主动加载jquery模块,语句如“layui.use([‘jquery’, ‘layer’]…)”;2、通过“layui.use(&#8216…

    2025年3月13日
    200
  • layui怎么关闭当前弹窗

    layui关闭当前弹窗的方法:首先获取当前窗口的name;然后利用【parent.layer.close(index);】关闭当前窗口即可。 本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。 lay…

    2025年3月13日
    200
  • layui中如何获取表格数据

    layui中获取表格数据的方法:1、创建一个js对象数组,用来保存表格中的原始数据;2、为对象数组赋【table.render()】的data参数;3、获取tableContent中的数据即可。 本教程操作环境:windows10系统、la…

    2025年3月13日
    200
  • layui怎么关闭弹出层

    layui关闭弹出层的方法:通过【layer.closeAll();】方法来关闭,这种方法可以关闭所有的弹出层;如果我们只需要关闭页面层,可以使用方法【layer.closeAll(‘page’);】来实现。 本教程…

    2025年3月13日
    200
  • layui如何刷新当前tab选项卡

    layui刷新当前tab选项卡的方法:可以使用reload方法来进行刷新,如【location.reload();】;reload方法用于刷新当前文档,该方法的作用类似于浏览器上的刷新页面按钮的作用。 本教程操作环境:windows10系统…

    2025年3月13日
    200
  • layui怎么用open属性隐藏按钮

    layui用open属性隐藏按钮的方法:可以通过在【layer.open】方法中添加样式【closeBtn:0】来实现,layer提供了两种风格的关闭按钮,可以通过配置1和2来展示。 本教程操作环境:windows10系统、layui2.5…

    2025年3月13日
    200
  • layui调用弹层的方法

    layui调用弹层的方法:1、引用独立的【layer.js】文件,代码如【】;2、调用layui中的layer模块,代码如【ayer.msg(‘hello’);】。 推荐:《layUI教程》 本教程操作环境:wind…

    2025年3月13日
    200
  • layui input只读属性是什么

    layui input只读属性是readonly,该readonly属性规定输入字段为只读,并且readonly属性可以防止用户对值进行修改,直到满足某些条件为止。 推荐:《layUI教程》 layui input只读属性 layui in…

    2025年3月13日
    200

发表回复

登录后才能评论