layui-regionCheckBox 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
layui-regionCheckBox 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
layui-regionCheckBox 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发网页组件
开源组织
地区 国产
投 递 者 youyoudanshui
适用人群 未知
收录时间 2021-05-06

软件简介

介绍

基于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){
				// 做些什么
			}
		  });		  
		});

效果截图

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2018/04/28 17:46

layui

FormValid(); function FormValid(){ window.From=$("#orgRegForm").Validform({ tiptype:3, showAllError:true, btnSubmit:"#btn_Submit", datatype:{ "passwordcheck":/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/, "validPwdcheck":function(){ var pwd = $("#passwordHashSec").val(); var rePwd = $("#confirmPasswordSec").val(); var pwdRet = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/.test(pwd); var rePed...

0
0
发表了博客
2019/04/10 10:10

layui的使用说明

一、定义 layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,跟其他UI框架比较(比如bootstrap、easyui、findui、topui等等),门槛极低,拿来即用。 1、与其他UI对比 1.1 layui与easyui easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框架,现在才更新到2.x版本还有很多的功能没有完善,也还存在一些不稳定的情况,但是layui界面简约美观,而且...

0
0
发表了博客
2018/04/28 18:39

layui 使用

1.下载后解压如图 2.示例 home.thml代码 <!DOCTYPE html> <html> <!-- head --> <head> <meta charset="utf-8"> <title>首页</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="../layui/css/layui.css" media="all"> <style> .layadmin...

0
0
发表了博客
2019/03/23 10:05

layui-入门

1.下载layui 2.导入layui <title>开始使用layui</title> <!-- 导入js样式 --> <link rel="stylesheet" href="layui/css/layui.css"> <!-- 导入layui脚本 --> <script src="layui/layui.js"></script> 3.写入表单 <table id="demo" lay-filter="test"></table> 4.引入表格模块 layui.use('table', function(){     var table = layui.table;    //第一个实例    table.render({    elem: '#demo'    ,...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
4 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部