介绍
基于layui的省市多选解决方案
使用示例
<div id="regionTest"></div> layui.config({
base: '../../../layui_exts/' //配置组件存放的基础目录
}).extend({
regionCheckBox: 'regionCheckBox/regionCheckBox' //定义组件模块名
}).use(['regionCheckBox'], function(){
var $ = layui.$;
var regionCheckBox = layui.regionCheckBox;
//执行实例
var regionTest = regionCheckBox.render({
elem: '#regionTest',
name: 'region', // 对应input name
value: ['北京', '内蒙古', '江西-九江'], // 赋初始值，'北京,内蒙古,江西-九江'也可以
width: '550px', // 默认550px
border: true, // 默认true
// 初始化完成时执行
ready: function(){
// 做些什么
},
// 点击复选框时执行
change: function(result){
// 做些什么
}
});
});效果截图
-
1.html页面: var isSkipcheckbox = ''; if (appOptions.isSkip != "0") { isSkipcheckbox = 'checked=""'; } <input type="checkbox" name="" lay-filter="type" lay-skin="primary" title="是否允许跳过" value="0"
-
<form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 --> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block all" >
-
layui-col-space：设置后不起作用主要是因为他设置的是padding,也就是说是向内缩了，所以你设置背景色padding也是会添上颜色，看起来好像没有间距一样。 解决办法： <div class="layui-row layui-col-space10"> <div class="layui-col-md4"> <div class="yanse1
-
直接选中该类(.layui-input-inline)修改宽度，没有反应。 因为layui本身设置它的样式的时候是选中 .layui-form-item .layui-input-inline 的，它的优先级高于 .layui-input-inline，所以要修改样式应该： .layui-form-item .layui-input-inline { width: 300px; }
-
<div class="layui-tab-content" style="height: auto;"> 在layui-tab-content设置style=height:auto
-
设置图标颜色：设置color 改变图标大小：设置font-size 设置图标垂直居中： position: absolute; top: 8px; //根据(父元素高度-子元素高度)/2得出
-
$("原始的select对象").next().find('.layui-select-title').one('click',function () { // select 操作 ........ //重新渲染下拉列表 from.render('select') }
-
本文向大家介绍layui 监听表格复选框选中值的方法，包括了layui 监听表格复选框选中值的方法的使用技巧和注意事项，需要的朋友参考一下 需要达到的目的： ajax()异步请求后台时，需要传入表格里复选框选中的id值 注意：在渲染form on 方法的done里面加入 将复选框选中的值的id加入数组中，然后传递到后台作为ids参数 以上这篇layui 监听表格复选框选中值的方法就是小编分享给大家
-
中国省市地区选择器。两种选择类型，省市和省市地区 [Code4App.com]
-
Layui 是一套开源免费的的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，他们无需涉
-
本文向大家介绍省市选择的简单实现(基于zepto.js)，包括了省市选择的简单实现(基于zepto.js)的使用技巧和注意事项，需要的朋友参考一下 效果如下： 以上就是小编为大家带来的省市选择的简单实现(基于zepto.js)的全部内容了，希望大家多多支持呐喊教程~
-
本文向大家介绍基于layui实现高级搜索（筛选）功能，包括了基于layui实现高级搜索（筛选）功能的使用技巧和注意事项，需要的朋友参考一下 基于layui写的一个高级搜索（筛选）功能。 效果图： 是一位萌新，所有写的有点儿乱。（放在上面，供新手们参考，也是自己做一个记录。） 代码如下： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本控件基于ios4，采用UIPickerView实现。收录了中国所有省地市，并提供精准经纬信息