精华内容
下载资源
问答
  • layui单选框显示的问题

    万次阅读 2020-02-10 18:06:23
    一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框显示出来。 1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别 2.网上...

    一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。
    1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别
    2.网上查询之后,
    解释:有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制, 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

    layui.use(‘form’,function(){
    var form = layui.form;
    form.render();
    });

    参考博客
    https://www.jb51.net/article/170881.htm

    但是加了上述的代码之后,问题还没解决

    3.当我在谷歌浏览器上访问该页面的时候,
    报了一个错误信息

    OTS parsing error: incorrect file size in WOFF header

    4.接着我就上网上查这个信息
    原因:网上说是由于使用 maven 的 resource 插件开启 filtering 功能后,会破坏有二进制内容的文件。
    所以在maven加了以下配置:
    参考文章:
    http://www.bubuko.com/infodetail-2792982.html

    <!--配置打包时字体文件不被maven拷贝,导致字体文件破坏-->
                <resource>
                    <directory>src/main/resources</directory>
                    <filtering>true</filtering>
                    <includes>
                        <include>**/*.properties</include>
                        <include>**/*.html</include>
                        <include>**/*.js</include>
                        <include>**/*.css</include>
                        <include>**/*.xml</include>
                    </includes>
                    <excludes>
                        <exclude>**/*.ttf</exclude>
                        <exclude>**/*.woff</exclude>
                    </excludes>
                </resource>
    

    重新访问一次,终于可以用了!!!

    展开全文
  • layui单选框不显示原因 引入相关的js文件,其他博主已经说的很清楚了,如果加上还是没有成功,需要查看自己的layui.js的路径是否正确

    layui单选框不显示原因


    引入相关的js文件,其他博主已经说的很清楚了,如果加上还是没有成功,需要查看自己的 layui.js的路径是否正确

    展开全文
  • layui单选框事件监听

    千次阅读 2019-11-20 15:15:58
    layui单选框事件监听 <form class="layui-form dianxuan" action=""style="float: left;margin-top: 7px;margin-right: 20px;"> <div class="layui-form-item"> <label class="layui-form-label...

    layui单选框事件监听

    在这里插入图片描述

    <form class="layui-form dianxuan" action=""style="float: left;margin-top: 7px;margin-right: 20px;">
    	  <div class="layui-form-item">
    	       <label class="layui-form-label" style="width:100px"><b>显示型号</b></label>
    	    <div class="layui-input-block"  id="IsPurchased">
    		    <input type="radio" name="sex" value="全部型号" title="全部型号" class="dan" lay-filter="erweima" checked>
    		    <input type="radio" name="sex" value="活跃型号" title="活跃型号" class="dan"  lay-filter="erweima">
    	    </div>
        </div>
    </form>
    
    layui.use('form', function() {
    	var form = layui.form;
    	form.on('checkbox(switchTest)', function(data) {
    		alert("哈哈哈");
    		layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
    	});
    	form.on('radio(erweima)', function(data) {
    		alert(data.value); //判断单选框的选中值
    		//此处判断
    		console.log(data.value)
    		
    		
    		
    	});
    	form.on('submit(formDemo)', function(data) {
    		alert("哈哈哈");
    		return false;
    	});
    	form.render();
    });
    

    在这里插入图片描述

    展开全文
  • <input type="radio" name="status" value="0" title="是" lay-filter="status"> <input type="radio" name="status" value="1" title="否" lay-filter="status"> js 取值 form.on("radio(status)",...

    html

      <input type="radio" name="status" value="0" title="是"  lay-filter="status">
      <input type="radio" name="status" value="1" title="否"  lay-filter="status">
    

    js
    取值

     form.on("radio(status)", function (data) {
                var status = data.value;
                if (status == '0') {
                    //写逻辑
                } else if (status == '1') {
                    //写逻辑
                }
            });
    

    回显

     $("input[name=status][value='0']").attr("checked",'true');
     $("input[name=status][value='1']").attr("checked", 'true');
    
    展开全文
  • layui单选框控制下拉列表显示不同的内容 html: <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>...
  • layui 单选框

    2020-06-30 10:57:27
    div class="layui-input-block" style="line-height: 38px;"> <input type="radio" name="productTrain" value="1" v-model="bazaarInfo.productTrain" lay-filter="productTrain" title="无"> <input...
  • layui单选框渲染出来

    千次阅读 2019-12-13 00:03:33
    下面这样写 肯定显示不出来 <div class="layui-form-item"> <label class="layui-form-label">设备类型</label> <div class="layui-input-block"> <input type="radio" name=...
  • 一个在线demo胜过千言万语: 详见:http://www.shagua.wiki/project/3?p=96
  • 1. 如果是 ajax嵌套了 页面, 请确保 只有最外层的页面引入了 layui.css 和 layui.js  内层页面 切记不要再次引入 2. layui.use(['form', 'upload'], function(){ var form = layui.form; form....
  • layui 单选下拉框select根据后台数据显示下拉框 <div class="layui-form-item"> <label class="layui-form-label">群组类别</label> <div class="layui-input-block"> <select ...
  • layui 单选框 设置失败

    2020-06-18 11:28:24
    jq 获取、设置属性 ... 自定义属性用 attr() 方法 要改为 prop('checked',true); 方法 ...怎么都生效,改为 $("#dnsdhcp02").prop("checked", "checked"); form.render(); 立即生效 ..
  • 查询成功的回调函数内进行对性别的单选框赋默认值 这么简单的问题结果一直赋值上 然后再函数中去请求,赋值 发现页面赋值成功,没有生效, 很明显属性添加上了,但是因为layui已经对其进行渲染,新添加的属性...
  • $("input[name=sex][value=女]").attr(... layui 获取radio单选框选中的值 Layui 获取 radio的值,layui判断radio选中的单选值 layui form 表单获取radio选中的值 首先准备两个radio 单选框 适用于 选择性别按钮网页等
  • 使用layui做表单处理的时候需要多次切换radio的选中项,使用attr("checked","checked");后再使用form.render()更新渲染发现生效,刚开始以为是form.render()渲染的问题,后来发现改成 prop('checked',true);就好了...
  • 在写表单验证添加一个记住密码的单选框时,无论怎么捣鼓都显示不出来,其他元素都能正常显示, 查找网上很多资料都说是说添加一下js代码即可: <script type="text/javascript"> layui.use('form',function(){...
  • 使用layui做表单处理的时候需要多次切换radio的选中项,使用attr("checked","checked");后再使用form.render()更新渲染发现生效,刚开始以为是form.render()渲染的问题,后来发现改成 prop('checked',true);就好了...
  • layui 多选框 单选框 下拉选项框都不显示问题 这是因为layui.css 里面有样式是.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none} 初始值是设置成隐藏形式了。 ...
  • 使用layui表单中的单选框,静态渲染到页面时能显示 , 使用 ajax异步刷新到页面却不显示。 原因:动态插入的表单元素 ,form能自动化渲染: 解决方法: 在动态插入表单元素的执行代码(js代码)之后 添加以下内容,...
  • 错误代码如下:坑大坑这是改这是改完后的代码!只是把form 标签 把table 也括起来了!求大佬解答

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 768
精华内容 307
关键字:

layui单选框不显示