文档看的有点晕 关于复选框在提交前判断是否选中

提问 已结
21 235
青木
青木 5天前
悬赏:20飞吻
版本:layui 2.1.7 浏览器:chrome
submit 前 复选框必选一个 最好是可以通用的!
回帖
  • 不太明白你想表达啥,如果想设置必填直接lay-verify="required"就行了
    0 回复
  • 青木
    5天前
    @驊驊龔頾

    加了 不选也可以过去
    0 回复
  • 青木
    5天前
    @驊驊龔頾 只能用那个form.on()进行监听后操作吗 判断复选框是否已经选了一个?
    0 回复
  • @青木 代码,代码格式发
    0 回复
  • @青木 肯定是只能form.on执行验证啊
    0 回复
  • 青木
    5天前
    @驊驊龔頾 那我不是每个页面只有涉及 下拉 复选框 单选框 都要单独写个这样的

    form.on('submit(*)', function (data) {
    layer.alert(JSON.stringify(data.field), function (index) {
    FormData(data.elem, JSON.stringify(data.field));
    });
    });
    0 回复
  • 青木
    5天前
    @驊驊龔頾 我不信 你每个页面的表单提交都写个专门的去判断的验证吧
    0 回复
  • 框架就是这样的,只要验证就要form.on("submit(*)",function(){}),你不信我也没办法
    0 回复
  • 青木
    5天前
    @驊驊龔頾 好吧 在问你个问题呗 编辑页面的时候 这么进行对于checkbox选中的
                <div class="layui-form-item">
    <label class="layui-form-label bybs-form-label">复选框:</label>
    <div class="layui-input-block">
    <input type="checkbox" name="like" title="写作" lay-verify="required" lay-skin="primary">
    <input type="checkbox" name="like" title="阅读" lay-skin="primary">
    <input type="checkbox" name="like" title="发呆" lay-skin="primary">
    </div>
    </div>
    0 回复
  • 再说这个提交和验证是同时进行的,什么叫专门判断验证,你仔细看看api好不?
    0 回复
  • @青木 你哪选中了?
    0 回复
  • 青木
    5天前
    @驊驊龔頾 我是视图页的 Roazr语法+Html 每个页面和Model绑定的 获取的数据是 写作和阅读
                <div class="layui-form-item">
    <label class="layui-form-label bybs-form-label">复选框:</label>
    <div class="layui-input-block">
    <input type="checkbox" name="like" title="写作" lay-verify="required" lay-skin="primary">
    <input type="checkbox" name="like" title="阅读" lay-skin="primary">
    <input type="checkbox" name="like" title="发呆" lay-skin="primary">
    </div>
    </div>
    那么我这么让编辑页面上的这2个被选中
    0 回复
  • $("checkbox").prop("checked","checked");   //选择器根据自己的实际情况修改
    form.render("ckeckbox");
    api中都有这些说明,仔细去看看
    0 回复
  • 青木
    5天前
    @驊驊龔頾
    form.on('checkbox(filter)', function(data){
    console.log(data.elem); //得到checkbox原始DOM对象
    console.log(data.elem.checked); //是否被选中,true或者false
    console.log(data.value); //复选框value值,也可以通过data.elem.value得到
    console.log(data.othis); //得到美化后的DOM对象
    });
    filter 你这个不是针对一个么
    0 回复
  • @青木 你不会js吧?你说的这个是选中与否执行的操作,你想的是添加选中状态 这是两个情况好不?
    0 回复
  • 青木
    5天前
    @驊驊龔頾 哦 layui 是不是你开发的 我觉得验证这块 有点乱么 [挖鼻]
    0 回复
  • @青木 心姐开发的,乱只能说明你没有仔细看文档,去好好看看文档,说的很明白
    0 回复
  • 青木
    5天前
    @驊驊龔頾 我问了你2个问题 好否啦 一个是添加的时候验证是否至少选中一个 一个是编辑的时候 选中状态的实现
    0 回复
  • 这两个都要自己通过js实现,框架没有提供方法
    0 回复
  • 青木
    5天前
    @驊驊龔頾 以后有没有会加入框架的时候?
    比如说下拉 只要这样<select data="xxxx"> option自动选中和data值一致的
    感觉自己使用js感觉永远会慢半步
    0 回复
  • 赋值一般都是后台取过来的值,你直接写在html中的那是死的,有什么实际意义?
    0 回复