UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

vue2.0实现全选，全不选。

所属分类：输入-选择框

 33828  361  查看评论 (15)
分享到微信朋友圈
X
vue2.0实现全选，全不选。 ie兼容10
 查看演示  立即下载

更新时间：2017/9/22 上午11:03:22

更新说明：过改变全选状态的初始值

更新时间：2017/9/20 下午2:26:45

更新说明：使用$set,在实例创建之后添加新的属性到实例上，不会触发视图更新，实现标记选中状态。

更新时间：2017/5/15 上午10:46:23

更新说明：1，删除多余代码

{{entity.text}}
{{list.text}}
(630)
更多

2，增加功能，在父列点击时，增加判断，使同级父列一次只可展开一个（如下代码部分，增加代码为加粗字体的代码）

handleTit(i) { //点击父级
    let state = this.entitiesState;
    this.$set(state, i, !state[i]);
    for (let a in this.entitiesState) {
        if (a != i) {
            this.$set(state, a, false);
        }
    } //增加判断，改变同级的展开状态 
},

引入vue.min.js文件，也可以直接

<script src="http://www.jq22.com/jquery/vue.min.js"></script>

即可用vue实现简单页面

相关插件-选择框
查看更多

jQuery移动端城市联动选择插件

 修改jquery.area.js（by锐不可挡），添加热门城市功能
  选择框
 33295  333

jQuery下拉框美化插件

 表单的一些元素是很难或不能设置样式的，所以有些时候它们的默认样式可能会与你的设计格格不入，这时候也许美化插件是个不错的选择。
  选择框
 37543  379

jQuery多选带搜索

 input多选搜索样式用的layui.css不喜欢的可自己调。其他JQ
  选择框
 34051  323

div模拟下拉省市级联三级联动附带地区数据(原创)

 带地区代码，兼容到ie8；浏览器样式统一，下拉图标可自行更换，根据隐藏input value值获取地区代码
  选择框
 29816  327

讨论这个项目（15）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ⌒七月 0
    2019/4/29 9:37:00
    有地位的米虫。 0
    2018/6/5 10:51:43
    每次这个全选反选都想吐
        で 香蕉你个布呐呐?0
        2019/4/28 16:22:42
        理清逻辑就容易实现了
    回复
    LALA 0
    2017/12/9 14:35:33

    不知道怎么下载了

    回复
    。 0
    2017/12/5 12:21:31
    。 0
    2017/12/5 11:41:50
    ?小白脸拉拉小黑脸♂ 0
    2017/9/22 15:39:21
    没有崩溃啊
        で 香蕉你个布呐呐?0
        2017/9/25 16:32:18

        更新了

    回复
    ?小白脸拉拉小黑脸♂ 0
    2017/9/22 15:36:54

    不知道怎么下载了

        有地位的米虫。0
        2018/6/5 10:52:19
        是不是要支付
    回复
    | 0
    2017/9/7 17:20:10

    支付页面奔溃了

        で 香蕉你个布呐呐?0
        2017/9/22 18:20:45

        原来全选状态的初始给错了。

    回复
    风中追风 0
    2017/9/2 13:53:37
    SiriBen 0
    2017/5/14 10:22:45

    谷歌正常，360极速不兼容

        眼睛怎么睁都睁不大的乐乐0
        2017/5/15 9:19:38

        360需要些meta 声明为IE模式渲染之类的，反正360就是个坑 能不进就不进

        で 香蕉你个布呐呐?0
        2017/5/15 11:09:39
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        我试的正常来着。

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复