精华内容
下载资源
问答
  • layui单选按钮

    千次阅读 2018-09-05 10:41:21
    layui是一款比较好用的前端框架,但是在使用的过程中,初学者可能对于单选按钮,复选框之类的表单元素摸不着头脑。 首先,引用layui.css和layui.js, 其次,单选按钮和复选框都是表单元素,所以,在父层要给个form...

    layui是一款比较好用的前端框架,但是在使用的过程中,初学者可能对于单选按钮,复选框之类的表单元素摸不着头脑。

    首先,引用layui.css和layui.js,

    其次,单选按钮和复选框都是表单元素,所以,在父层要给个form或者一个类(layui-form),

    最后,想要单选按钮或者复选框生效就要在js中渲染一次表单

    layui.use('form', function(){

     var form = layui.form;

     form.render();

    });

    这样就可以在也页面上看见漂亮的单选按钮和复选框啦。

    至于这两种元素的事件,也是在渲染中写的。

    layui.use('form',function(){

      var form = layui.form;

      form.render();

      form.on('select(formDemo)', function(data){

        selectFun();

    });

    });

    formDemo:是单选按钮或者复选框的lay-filter="formDemo"

    selectFun():自己写的函数去处理。

    展开全文
  • 获取layui单选按钮的值

    千次阅读 2019-02-19 14:47:28
    获取layui单选按钮的值 let urgency = $('input[name="urgency"]:checked ').val();

    获取layui单选按钮的值

    let urgency = $('input[name="urgency"]:checked ').val();
    
    展开全文
  • Layui单选按钮赋值

    2020-07-14 14:43:48
    //layui界面代码 <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" name="sex" id="sex" value=...
    //layui界面代码
    <div class="layui-form-item">
         <label class="layui-form-label">性别</label>
         <div class="layui-input-block">
              <input type="radio" name="sex" id="sex" value="1" title="男" checked>
              <input type="radio" name="sex" id="sex" value="2" title="女">
         </div>
    </div>
    
    
    //script内代码
    $("input[name=sex][value=1]").attr("checked", this.Sex == '男' ? true : false);
    $("input[name=sex][value=2]").attr("checked", this.Sex == '女' ? true : false);
    
    
    
    展开全文
  • layui 单选按钮触发事件

    千次阅读 2020-03-26 17:24:01
    单选按钮代码: <div class="layui-form-item"> <label class="layui-form-label">状态变更</label> <div class="layui-input-block"> <input type="radio" name...

    单选按钮代码:

        <div class="layui-form-item">
            <label class="layui-form-label">状态变更</label>
            <div class="layui-input-block">
                <input type="radio" name="status" value="0" title="出售"  lay-filter="status">
                <input type="radio" name="status" value="1" title="出租"  lay-filter="status">
            </div>
        </div>
    

     

    js代码:

     layui.use(['form', 'layedit', 'laydate','layer','element'], function(){
            var form = layui.form
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate
                ,element = layui.element
                ,jQuery = layui.jquery;
    
            form.on("radio(status)", function (data) {
                var status = data.value;
                console.log(status);
                if (this.value == '0') {
                    console.log("出售");
                } else if (this.value == '1') {
                    console.log("出租");
                }
            });
        });

     

    注意:触发事件被layui接管了,原始的js无法触发

    展开全文
  • layui单选按钮监听

    2020-01-04 20:04:42
    <input type="radio" name="project" value="系统" title="系统" <c:if test="${menu.projectCode eq '系统'}">checked</c:if> lay-filter="projectFilter"/> ...form.on('radio(projectFilter)',...
  • layui单选按钮赋值方法

    千次阅读 2020-02-17 20:16:50
    //layui界面代码 <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="rad...
  • 错误代码如下:坑大坑这是改这是改完后的代码!只是把form 标签 把table 也括起来了!求大佬解答
  • 首先,官方文档所给出的展示如下:监听 radio单选 但是在搜索经验的时候,发现很多网友给出的代码有缺失,不适合小白开发 所以,小小整理一番,欢迎指摘 … 操作步骤: 首先 html 设计效果如下: 对应的源码为: ...
  • $(“radio按钮选择器”).click(); 方法二: $(“radio按钮选择器”).prop(‘checked’,true); form.render(“radio”); 如果在某个元素的onblur事件中控制radio的选中,须使用方法二,亲测方法一会无效。 ...
  • 依赖加载模块:form (请注意:如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能) 在一个容器中设定 class=“layui-form”...样式无效的原因就在于单选按钮没有置于layui-for...
  • 2.选取选中的单选按钮事件,判断选中的值做操作 html代码部分 <div class="layui-row margin-bottom-15"> <label class="layui-col-xs2 think-form-label">行政处罚记录</lab...
  • Layui中使用Js代码对两个单选按钮之间的禁用与启用 需求是这样的: 当点击相互作用时,严重等级的单选按钮前两个禁用并默认选中"相互作用"按钮。 当点击配置禁忌时,严重等级最后一个按钮禁用,并默认选中"配伍...
  • 修改radio单选按钮的动态选中 前端页面代码 &lt;div class="layui-form-item"&gt; &lt;label class="layui-form-label"&gt;订单状态&lt;/label&gt; &lt;...
  • layui前端控制radio单选按钮不可选 效果图 试了很多方法都不可行 在前端都没法控制 结果!只要在最后加个disabled就可以了 气死了 代码如下 是否业务合同
  • 2 更改选中值 $('[name=bShow]').each(function (i, item) { if ($(item).val() == '0') { //更改选中值 $(item).... //重新渲染 layui.use('form', function () { var form = layui.form; form.render(); }); } });
  • 此处需要填写一个用于区分监听事件的名称,我定为:"levelM" 因为鄙人在进行 ThinkPHP 框架代码开发,所以其中牵扯到了部分内置代码,可自行忽略 然后就是 JavaScript 代码的编写,完整的代码如下: layui.use(['...
  • 本demo的效果是单选框一有a和b两个选项按钮单选框二有q和w两个选项按钮, 选中a,使得q不可选,w选中;选中b,使得w不可选,q选中 下面是完整的代码,需要引入layui.js,layui.css <!DOCTYPE html> <...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 126
精华内容 50
关键字:

layui单选按钮