文档章节

Ionic checkbox 改写为 单选

你我青春时
 你我青春时
发布于 2017/08/29 16:34
字数 109
阅读 6
收藏 0

Ionicradio默认的样式,选取打勾在右侧,不符合要求。

checkbox样式符合要求,选择打勾在左侧,修改为单选即可。

<div class="list">
      <ion-checkbox ng-repeat="item in devList"
                    ng-model="item.checked"
                    ng-checked="item.checked"
                    ng-change="singleCheck(item)">//修改为单选的function
        {{ item.text }}
      </ion-checkbox>
    </div>
$scope.singleCheck = function(item){
        var checkItem = item.text;
        $scope.devList = [
          { text: "AAA", checked: false },
          { text: "BBB", checked: false },
          { text: "CCC", checked: false }
        ];
        var devArr = $scope.devList;
        for(var i=0;i<devArr.length;i++){
                    if(devArr[i].text==checkItem){
                      devArr[i].checked=true;
                    }
        }
    }

 

© 著作权归作者所有

共有 人打赏支持
你我青春时
粉丝 1
博文 20
码字总数 2690
作品 0
武汉
后端工程师
Ionic如何实现单选二级菜单切换

                          Ionic如何实现单选二级菜单切换   最近有个需求,需要做一个用户视图,数据全都从PC端系统实时取,由于这个功能在电脑浏览器展示还可...

€5è¬þxãÍ
2017/07/07
0
0
jquery select操作大全

添加option $("#ID option").each(function(){if($(this).val() == 111){$(this).remove();}}); 移除option $("<option value='111'>UPS Ground</option>").appendTo($("#ID")); 取得下拉选单......

晨曦之光
2012/03/09
0
0
jQuery操作form input、select、checkbox、radio常用方法

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

youxizhe
2014/11/13
0
0
jQuery获取Select选中的Text和Value,根据Value值动态添加属性等

语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("option:selected").text(); //获取Selec......

尚睿软件
2014/02/08
0
1
jQuery获取Select选择的Text和Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

gymg
2012/10/10
0
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

[雪峰磁针石博客]软件测试专家工具包1web测试

web测试 本章主要涉及功能测试、自动化测试(参考: 软件自动化测试初学者忠告) 、接口测试(参考:10分钟学会API测试)、跨浏览器测试、可访问性测试和可用性测试的测试工具列表。 安全测试工具...

python测试开发人工智能安全
今天
2
0
JS:异步 - 面试惨案

为什么会写这篇文章,很明显不符合我的性格的东西,原因是前段时间参与了一个面试,对于很多程序员来说,面试时候多么的鸦雀无声,事后心里就有多么的千军万马。去掉最开始毕业干了一年的Jav...

xmqywx
今天
2
0
Win10 64位系统,PHP 扩展 curl插件

执行:1. 拷贝php安装目录下,libeay32.dll、ssleay32.dll 、 libssh2.dll 到 C:\windows\system32 目录。2. 拷贝php/ext目录下, php_curl.dll 到 C:\windows\system32 目录; 3. p...

放飞E梦想O
今天
0
0
谈谈神秘的ES6——(五)解构赋值【对象篇】

上一节课我们了解了有关数组的解构赋值相关内容,这节课,我们接着,来讲讲对象的解构赋值。 解构不仅可以用于数组,还可以用于对象。 let { foo, bar } = { foo: "aaa", bar: "bbb" };fo...

JandenMa
今天
1
0
OSChina 周一乱弹 —— 有人要给本汪介绍妹子啦

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享水木年华的单曲《中学时代》@小小编辑 手机党少年们想听歌,请使劲儿戳(这里) @须臾时光:夏天还在做最后的挣扎,但是晚上...

小小编辑
今天
48
8

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部