<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. JavaScript 字符串分行、Return 语句使用注意事项

    JavaScript 字符串分行 JavaScript 允许我们在字符串中使用断行语句: var x ="Hello World!"; 但是,在字符串中直接使用回车换行是会报错的: ...

  2. Fakeapp 入门教程(3):参数篇

    参数可以让软件自由度更高.Fakeapp的参数并不算多,但是也非常使用.本文就讲解下几个重要的参数.参数设置界面可以通过点击SETTINGS打开. 参数修改无需点击保存,一旦修改直接生效. Proce ...

  3. pandas知识点(汇总和计算描述统计)

    调用DataFrame的sum方法会返还一个含有列的Series: In [5]: df = DataFrame([[1.4,np.nan],[7.1,-4.5],[np.nan,np.nan],[0 ...

  4. python3.7 os模块

    #!/usr/bin/env python __author__ = "lrtao2010" #python3.7 os模块 #os模块是与操作系统交互的一个接口 # os.get ...

  5. A1025 PAT Ranking (25)(25 分)

    A1025 PAT Ranking (25)(25 分) Programming Ability Test (PAT) is organized by the College of Computer ...

  6. requests中文页面乱码解决方案【转】

    requests中文页面乱码解决方案!   请给作者点赞 --> 原文链接 Python中文乱码,是一个很大的坑,自己不知道在这里遇到多少问题了.还好通过自己不断的总结,现在遇到乱码的情况越来越 ...

  7. 4 Template层- HTML转义

    1.HTML转义 Django对字符串进行自动HTML转义,如在模板中输出如下值: 视图代码: def index(request): return render(request, 'temtest/ ...

  8. 巧用Windows Server 2008的NPS策略

    单位员工大部分是移动办公一族,由于病毒库更新不及时.系统补丁没有安装,使移动办公设备处于危险状态,访问内部网络时很可能威胁整个网络.该如何防守网络访问这扇门呢? 笔者所在的单位是一家传媒公司,有数百人 ...

  9. 【Palindrome Number】cpp

    题目: Determine whether an integer is a palindrome. Do this without extra space. click to show spoiler ...

  10. 【Rotate List】cpp

    题目: Given a list, rotate the list to the right by k places, where k is non-negative. For example:Giv ...