layui regionCheckBox实现省份城市多选checkbox代码-html代码-BFW代码库

layui regionCheckBox实现省份城市多选checkbox代码

代码语言：html

代码描述：layui regionCheckBox实现省份城市多选checkbox代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
   
    <title>中国省市复选框</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css">
    <style>
        html, body {
            width: 100%;
        }
        div.test {
            width: 47%;
            margin: 15px;
        }
    </style>
</head>
<body>
    <div class="test" style="float: left;">

        <div style="margin-left: 15px;">
            <button class="layui-btn" onclick="setValue1()">赋值['北京', '云南-昆明']</button>
            <button class="layui-btn" onclick="reload1()">重载（改变name）</button>
        </div>
        <div id="regionTest1"></div>
        <div style="margin-left: 15px;">
            您点击的地域是：<span id="click1"></span></br>
        提交的数据：<span id="all1"></span>
    </div>

</div>

<div class="test" style="float: right;">

    <div style="margin-left: 15px;">
        <button class="layui-btn" onclick="setValue2()">赋值'上海,广东-广州'</button>
        <button class="layui-btn" onclick="reload2()">重载（改变width）</button>
    </div>
    <div id="regionTest2"></div>
    <div style="margin-left: 15px;">
        您点击的地域是：<span id="click2"></span></br>
    提交的数据：<span id="all2"></span>
</div>

</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.js"></script>
<script>
var $, regionTest1, regionTest2;

layui.config({
base: '//repo.bfw.wiki/bfwrepo/js/layui/layui_exts/' // 配置组件存放的基础目录
}).extend({
regionC.........完整代码请登录后点击上方下载按钮下载查看