这篇博文大概是一个月前写的,以前发在了sina微博上。刚刚转过来。
最近同事在用angularjs做一个android应用,其中一个功能是选择对某个服务的开和关。他选择使用了checkbox,但是怎么找到checkbox的值呢?他找了很久没有找到,来找到了我。
我大概有一个多月没写javascript了。然后果断的说,没做过,但是可以查查看。Google了一下,都是翻译的原文档。没有什么价值。最后想到了ng-change。于是便在里面controller里面写了个ng-change的方法,然后打印了一下,果断能够正确运行了。贴一段代码吧:
一下为haml:
%input.input-small(type="num" ng-model="drawing_top_limit" ng-change="judge_drawing_top_limit()" )
下面为controller里面的内容:
$scope.judge_drawing_top_limit= function() { console.log("user choice is :" +$scope.drawing_top_limit); }
然后就能够看见控制台下不断有log输出了。你还可以在这里面来获得值。
相关推荐
纯angularjs实现的checkbox多选、全选、反选的例子,不依赖源数据,不会对源数据造成任何污染。
在AngularJS中提及双向数据绑定,大家肯定会想到ng-model指令。 一、ng-model ng-model指令用来将input、select、textarea或自定义表单控件同包含它们的作用域中的属性进行绑定。它将当前作用域中运算表达式的值同...
├最新AngularJS开发宝典—第010讲 实例讲解angular操作checkbox复选框.mp4 ├最新AngularJS开发宝典—第011讲 实例讲解angular操作select列表框.mp4 ├最新AngularJS开发宝典—第012讲 函数使用方法大小写转换与...
今天小编就为大家分享一篇angularJs复选框checkbox选中进行ng-show显示隐藏的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...
JS控制checkboxJS控制checkbox
jquery checkbox 选中 取消 checkbox多选
知识点:1、解决listView滚动时checkBox的选择状态会发生变化(絮乱);2、ListView的Item长按,点击时间并存,实现同一UI控件多需求响应各类事件;3、点击ListViewItem选中响应Item里的CheckBox;4、计算选中的项数...
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
带checkbox的树 checkbox tree tree tree checkbox
WPF利用字体图标,制作自定义CheckBox,已达到使自己的CheckBox更加的美观
checkbox多项选中及取消选中
mfc LISTCONTROL控件上增加checkbox控 增加显示图标的功能,VC 6.0 MFC
本文实例讲述了AngularJS自定义表单验证功能。分享给大家供大家参考,具体如下: Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, checkbox),也实现了很多指令做为验证...
一个WinForm的TreeView,某node的CheckBox初始状态为false,当双击这个node的checkbox时,会出现很奇怪的情况: 第一次双击checkbox,checkbox显示的状态会切换两次状态,unchecked-> checked-> unchecked,而...
ExpandableListView的group和child都带CheckBox,并点击group或child时再EditView添加对应Button,child全选时显示group的button,否则显示选中Child的Button
如何自定义CheckBox的样式 1:首先在布局文件中添加CheckBox的控件配置,如: <CheckBox android:id="@+id/button1" style="@style/CheckBoxStyles"//这里就是用户可以自定CheckBox的样式 android:layout_width...
开发环境.net2.0 开发工具VS2005。WinForm 开发的CheckBox 控件的美化。对CheckBox的应用很好的。
angular-bootstrap-checkbox与原始AngularJS input [checkbox]的使用兼容,但有一点改动:虽然原始实现允许模型的“未初始化”或其他定义状态,但是这会强制“ false”或“ ng-false-value”(未选中),如果未设置...
带CheckBox的TreeView,可以在点击CheckBox或者TreeViewItem的时候改变勾选状态。