文档章节

Ionic checkbox 改写为 单选

你我青春时
 你我青春时
发布于 2017/08/29 16:34
字数 109
阅读 15
收藏 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选择的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
JQuery操作checkbox、radio

(引自 daysmileface的博客) 例:将多个选中的checkbox的值组装成一个字符串 <script type=text/javascript> function addMem(){ //var followers = document.getElementsByName("followers")......

JAVA_NINA
2011/12/08
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

没有更多内容

加载失败,请刷新页面

加载更多

Linux Wireshark普通用户启动使用方案

当系统安装好Wireshark后请正常启动是否可以进行正常使用,如果不行请参考下列指导 向系统添加一个用户组 sudo groupadd wireshark //如提示此组存在可跳过 将指定用户添加到这个组中 sudo...

CHONGCHEN
今天
2
0
CSS 选择器参考手册

CSS 选择器参考手册 选择器 描述 [attribute] 用于选取带有指定属性的元素。 [attribute=value] 用于选取带有指定属性和值的元素。 [attribute~=value] 用于选取属性值中包含指定词汇的元素。...

Jack088
今天
2
0
数据库篇一

数据库篇 第1章 数据库介绍 1.1 数据库概述  什么是数据库(DB:DataBase) 数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据...

stars永恒
今天
4
0
Intellij IDEA中设置了jsp页面,但是在访问页面时却提示404

在Intellij IDEA中设置了spring boot的jsp页面,但是在访问时,却出现404,Not Found,经过查找资料后解决,步骤如下: 在Run/Debug Configurations面板中设置该程序的Working Directory选项...

uknow8692
昨天
4
0
day24:文档第五行增内容|每月1号压缩/etc/目录|过滤文本重复次数多的10个单词|人员分组|

1、在文本文档1.txt里第五行下面增加如下内容;两个方法; # This is a test file.# Test insert line into this file. 分析:给文档后增加内容,可以用sed 来搞定;也可以用while do done...

芬野de博客
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部