文档章节

Ionic checkbox 改写为 单选

你我青春时
 你我青春时
发布于 2017/08/29 16:34
字数 109
阅读 30
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

C 语言 二级指针的使用

#include <stdio.h>#include <stdlib.h>typedef struct node Node;struct node {int data;struct node* next;struct node* prev;};Node head;Node* insert(Node......

小张525
56分钟前
3
0
【大数据技术】——Hadoop(1)

什么是大数据 基本概念 《数据处理》 在互联网技术发展到现今阶段,大量日常、工作等事务产生的数据都已经信息化,人类产生的数据量相比以前有了爆炸式的增长,以前的传统的数据处理技术已经...

须臾之余
今天
9
0
比特币从地址逆向计算私钥

区块链 区块链简介 说到比特币,就不得不提区块链。那什么是区块链呢? 区块链本质是一个数据集,只不过数据的组织采用了比较特殊的方式,就是把数据拆分为一块一块的小数据集。 为什么要进行...

trayvon
今天
2
0
TypeScript……真香

写前端或者用 node 写命令行小工具一直采用的 es6 的语法,对于 TypeScript 则是秉持敬而远之的态度,毕竟团队中多推广一门语言所需要花费的精力都是让人望而却步的。所以对于 JavaScript 的...

郁也风
今天
3
0
shell基本案例

1、自定义rm linux系统的rm命令太危险,一不小心就会删除掉系统文件。 写一个shell脚本来替换系统的rm命令,要求当删除一个文件或者目录时,都要做一个备份,然后再删除。下面分两种情况,做...

寰宇01
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部