<div class="layui-form-item">
<label class="layui-form-label">是否通过</label>
<div class="layui-input-block">
<input type="radio" name="state" value="1" title="通过" checked lay-filter="tongguo">
<input type="text" name="quota" style="width: 60%;"
placeholder="请输入发放额度" autocomplete="off" class="layui-input"> </div>
<div class="layui-input-block"> <input type="radio" name="state" value="2" title="驳回" lay-filter="tongguo">
<input type="text" name="reason" style="width: 60%;"
placeholder="请输入拒绝理由" autocomplete="off" class="layui-input">
</div>
</div> <div id="bohui">
<div class="layui-form-item layui-form-text kindeditor">
<label class="layui-form-label">有效期</label>
<div class="layui-inline">
<input type="text" class="layui-input"
name="expiresDate" id="expiresDate"
value=""
>
</div>
</div>
</div>
layui.use('form', function () {
var form = layui.form;
form.on('radio(tongguo)', function (data) {
// console.log(data.elem);
// alert(data.value);//判断单选框的选中值
//alert(data.othis);
// layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
console.log(data.value);
if (data.value == 2) { // 驳回
$("#bohui").attr("class", "layui-hide");
} else if (data.value == 1) {
$("#bohui").attr("class", "");
}
}); });

layui 的单选框的更多相关文章

  1. Js、layui获取单选框radio的几种方法

    首先,编写HTML如下:   <form id="form1">         <table  border="0">        ...

  2. layui的单选框

    <script type="text/html" id="radioTpl"> <input type="radio" n ...

  3. layui radio 单选框 效果 显示不来 解决方法

    $("input[name=sex][value=女]").attr("checked", data.data.adminInfoEntity.adminInf ...

  4. TagHelper+Layui封装组件之Radio单选框

    TagHelper+Layui封装组件之Radio单选框 标签名称:cl-radio 标签属性: asp-for:绑定的字段,必须指定 asp-items:绑定单选项 类型为:IEnumerable& ...

  5. layui 获取radio单选框选中的值

    Layui 获取 radio的值,layui判断radio选中的单选值 layui form 表单获取radio选中的值 首先准备两个radio <input type="radio& ...

  6. layui 单选框、多选框radio 元素判断是必填项 lay-verify='required'

    简单验证复选框,单选框必填 例子代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...

  7. layui 单选框选中事件

    <div class="layui-form-item" pane=""> <label class="layui-form-lab ...

  8. layer单选框 radio的问题总结

    放官方文档: 位置 页面元素-表单:内置模块-表单属性title可自定义文本属性disabled开启禁用设置value="xxx"可自定义值,否则选中时返回的就是默认的onradi ...

  9. layui下拉框数据过万渲染渲染问题解决方案

    方案一:layui下拉框分页插件 https://fly.layui.com/jie/29002/ 此插件我用了下浏览器缓存有问题,而且当下拉框数据量过万后,会一直渲染不出来,期待后期作者优化 如图下 ...

随机推荐

  1. STM32串口——中断方式的一般配置方法

    #include "stm32f10x.h" /************************************************ 该程序讲解串口程序的一般配置方法: ...

  2. Scrapy的架构与原理的理解【转】

    Scrapy 框架 Scrapy是用纯Python实现一个为了爬取网站数据.提取结构性数据而编写的应用框架,用途非常广泛. 框架的力量,用户只需要定制开发几个模块就可以轻松的实现一个爬虫,用来抓取网页 ...

  3. Spark性能优化:shuffle调优

    调优概述 大多数Spark作业的性能主要就是消耗在了shuffle环节,因为该环节包含了大量的磁盘IO.序列化.网络数据传输等操作.因此,如果要让作业的性能更上一层楼,就有必要对shuffle过程进行 ...

  4. IOS开发学习笔记043-QQ聊天界面实现

    QQ聊天界面实现 效果如下: 实现过程: 1.首先实现基本界面 头像使用 UIImageView : 文字消息使用 UIButton 标签使用 UILable :水平居中 所有元素在一个cell中,在 ...

  5. PostgreSQL 如何优化索引效率

    使用 gin() 创建全文索引后,虽然有走索引,但是当结果集很大时,查询效率还是很底下, SELECT keyword,avg_mon_search,competition,impressions,c ...

  6. Leetcode 650.只有两个键的键盘

    只有两个键的键盘 最初在一个记事本上只有一个字符 'A'.你每次可以对这个记事本进行两种操作: Copy All (复制全部) : 你可以复制这个记事本中的所有字符(部分的复制是不允许的). Past ...

  7. [oldboy-django][1初始django]web框架本质 + django框架 + ajax

    web框架本质 浏览器(socket客户端) - 发送请求(ip和端口,url http://www.baidu.com:80/index/) - GET 请求头(数据请求行的url上: Http1. ...

  8. X-UA-Compatible设置IE浏览器兼容模式

    文件兼容性用来告诉IE,让它如何来编译你的网页. 指定 文件兼容性模式 以下是指定为Emulate IE7 mode 兼容性范例. <html> <head> <!-- ...

  9. getRequestURI,getRequestURL的区别,获取各种路径的方法

    getRequestURI,getRequestURL的区别 test1.jsp======================= <a href ="test.jsp?p=fuck&qu ...

  10. LAMP第三部分php配置和mysql配置

    9. 配置防盗链http://www.lishiming.net/thread-71-1-1.html 防止别人的网站,放你网站图片的链接, 位置一般情况下在 /usr/local/apache/co ...