文档章节

Ionic checkbox 改写为 单选

你我青春时
 你我青春时
发布于 2017/08/29 16:34
字数 109
阅读 7
收藏 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
武汉
后端工程师
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
Ionic如何实现单选二级菜单切换

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

€5è¬þxãÍ
2017/07/07
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

没有更多内容

加载失败,请刷新页面

加载更多

python:关于读取文件的指定行的问题

先来造一个文件:就叫做 test.txt吧,内容是下面这个样子: 表头1,数据12,数据23,数据34,数据45,数据56,数据67,数据7 那么我们并不打算把这个表头给读出来 怎么办呢? 先来打开文...

Oh_really
31分钟前
1
0
Rails 用现代 Rails 逃离单页面应用 “兔子洞”

在工作共总是觉得turbolinks非常爽,但是却总是被说成是过时的技术,大家都喜欢spa,哪怕不用的spa的人也是禁用掉的多,找不到很好的理由劝说别人使用,这篇文章说的很到位,或者说至少是牛人...

wmzsonic
36分钟前
0
0
Hive 分布式搭建,Spark集成Hive记录

本帖详细介绍搭建步骤,仅仅记录自己搭建过程以及采坑经历。 前提环境: Hadoop集群 版本2.7.2 Spark集群 版本2.1.0 Linux版本 Centos7 准备搭建 MySql版本5.5.61 ,Hive-2.1.0 去官网下载M...

我爱春天的毛毛雨
38分钟前
3
0
打包QML程序

1、windeployqt执行路径(D:\Qt\5.12.0\msvc2017_64\bin)加入到PATH中 2、使用Qt自带的命令行交互 Command 终端(Qt 5.12.0 64-bit for Desktop (MSVC 2017))切换到 Release 编译成功的exe...

渣渣曦
今天
4
0
优秀互联网高级测试工程师应该具备的能力

概述 在之前写的互联网高级测试工程师至少具备的能力一文中,提到了测试工程师至少具备的能力,但是并没有提到优秀测试工程师应该具备的能力,下文简单的谈一谈。当然这些全部都是我的个人理...

Sam哥哥聊技术
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部