m0_56789428 2023-04-26 17:31 采纳率: 94.9%
浏览 29
已结题

layui中checkbox组件,怎么判断是否为checked?判断都勾选了哪个

layui中checkbox组件,怎么判断是否为checked?判断都勾选了哪个?下面的console.log("周一已经选中"),不输出啊?


<form class="layui-form" action="">
   <div class="layui-form-item" id="week" style="height:46px">
       <!-- <label class="layui-form-label">原始复选框</label>        -->
        <div class="layui-input-block" id="week1">
            <!-- 默认选择添加 checked="" -->
            <input type="checkbox" name="monday"    class="week" id="monday"    value="monday"    lay-skin="primary" title="周一" lay-filter="week">
            <input type="checkbox" name="trusday"   class="week" id="trusday"   value="trusday"   lay-skin="primary" title="周二" lay-filter="week">
            <input type="checkbox" name="wednesday" class="week" id="wednesday" value="wednesday" lay-skin="primary" title="周三" lay-filter="week">
            <input type="checkbox" name="thursday"  class="week" id="thursday"  value="thursday"  lay-skin="primary" title="周四" lay-filter="week">
            <input type="checkbox" name="friday"    class="week" id="friday"    value="friday"    lay-skin="primary" title="周五" lay-filter="week">
            <input type="checkbox" name="saturday"  class="week" id="saturday"  value="saturday"  lay-skin="primary" title="周六" lay-filter="week">
            <input type="checkbox" name="sunday"    class="week" id="sunday"    value="sunday"    lay-skin="primary" title="周日" lay-filter="week">                   
        </div>
   </div>
</form>
layui.form.on('checkbox(week)', function (data) {
if($('#monday').attr("checked") === "checked"){
         console.log("周一已经选中")
         }
})

  • 写回答

3条回答 默认 最新

  • 「已注销」 2023-04-26 23:12
    关注
    
    layui.form.on('checkbox(week)', function(data) {
        // 当前点击的复选框是否被选中
        console.log(data.elem.checked)
    
        // 用prop()判断checked,选中返回true,未选中返回false
        if ($('#monday').prop("checked")) {
            console.log("周一已经选中")
        }else{
            console.log("周一没被选中")
        }
    })
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月5日
  • 已采纳回答 4月27日
  • 创建了问题 4月26日

悬赏问题

  • ¥15 没输出运行不了什么问题
  • ¥20 输入import torch显示Intel MKL FATAL ERROR,系统驱动1%,: Cannot load mkl_intel_thread.dll.
  • ¥15 点云密度大则包围盒小
  • ¥15 nginx使用nfs进行服务器的数据共享
  • ¥15 C#i编程中so-ir-192编码的字符集转码UTF8问题
  • ¥15 51嵌入式入门按键小项目
  • ¥30 海外项目,如何降低Google Map接口费用?
  • ¥15 fluentmeshing
  • ¥15 手机/平板的浏览器里如何实现类似荧光笔的效果
  • ¥15 盘古气象大模型调用(python)