- 浏览: 800353 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
angularjs input type=radio isChecked
1、html:
2、js:
<input type="radio" ng-model="typeModel.isChecked" ng-click="typeRadioClickFun($event.target)" value="0"> {{'PROPERTY.NODE.DUE.DATE.VARIABLE.LABEL' | translate}} <input type="radio" ng-model="typeModel.isChecked" ng-click="typeRadioClickFun($event.target)" value="1"> {{'PROPERTY.NODE.DUE.DATE.FIXEDVALUE.LABEL' | translate}} <input type="radio" ng-model="unitModel.isChecked" ng-disabled="unitModel.isChecked==-1" ng-click="unitRadioClickFun($event.target)" value="0"> {{'PROPERTY.NODE.DUE.DATE.MINUTE.LABEL' | translate}} <input type="radio" ng-model="unitModel.isChecked" ng-disabled="unitModel.isChecked==-1" ng-click="unitRadioClickFun($event.target)" value="1"> {{'PROPERTY.NODE.DUE.DATE.HOUR.LABEL' | translate}} <input type="radio" ng-model="unitModel.isChecked" ng-disabled="unitModel.isChecked==-1" ng-click="unitRadioClickFun($event.target)" value="2"> {{'PROPERTY.NODE.DUE.DATE.DAY.LABEL' | translate}}
2、js:
/*type radio*/ $scope.typeRadioClickFun=function(target){ if(target.value!=undefined){ if(target.value==0){ $scope.unitModel={isChecked:-1};//unit radio disable }else{ $scope.unitModel={isChecked:0};//unit radio enable 0 checked } $scope.expressionModel=''; } }
var pattern="^\\d+$"; var reg=new RegExp(pattern); //prefix if(expV.match(reg)==null){ alert("表达式仅允许输入非负整数!"); return; }else{ var unit='M'; if(unitV==0){ unit='M'; }else if(unitV==1){ unit='H'; }else if(unitV==2){ unit='D'; } $scope.property.value='PT'+trimStr(expV)+unit; }
相关推荐
<input type="radio" name="group1" value="option1"> 选项1 <input type="radio" name="group1" value="option2"> 选项2 ``` 在这个例子中,`name`属性用于将多个`radio`按钮分组,确保用户只能选择一个。`value`...
<input type="radio" id="gender2" name="gender" value="female"> Female ``` 在JavaScript中,我们同样可以通过`id`来获取和操作单选按钮: ```javascript var gender1 = document.getElementById('gender1'...
在这个特定的场景中,我们关注的是`<input type="checkbox">`,用于创建复选框。复选框允许用户在多个选项中选择一个或多个,通常用于提供多选功能。 ### `<input type="checkbox">`基础知识 1. **基本结构**:`...
$('#checkboxList input[type="checkbox"]').prop('checked', isChecked); $('#checkboxList li').toggleClass('selected', isChecked); }); ``` 这样,当用户点击"Select All"时,所有列表项的checkbox会被同步...
$('.form').find('input[type=checkbox], input[type=radio]').customInput(); ``` 上述代码中的 `customInput` 函数遍历所有指定类型的 input 元素,为它们绑定点击事件。当用户点击 label 时,input 的选中...
var isChecked = $('input[type=checkbox]:checked').length === $('input[type=checkbox]').length; $('#checkAll').prop('checked', isChecked); }); ``` 在这段代码中,我们计算了当前选中的复选框数量,并将...
$('table input[type="checkbox"]').not(this).prop('checked', isChecked); }); ``` 这里,`#selectAll`是全选复选框的ID,`not(this)`确保全选复选框自身不会被选中。 这个场景下的实践应用不仅限于简单的...
<input type="checkbox" v-model="isChecked" true-value="同意" false-value="不同意"> <input type="checkbox" v-model="selected" value="option1"> <input type="checkbox" v-model="selected" value="option2">...
<input type="checkbox" id="option1" name="options" value="Option1"> Option 1 <input type="checkbox" id="option2" name="options" value="Option2"> Option 2 ``` 这里的`id`属性用于唯一标识每个复...
为了添加多选框,我们可以在每个`<li>`元素内添加一个`<input type="checkbox">`。 接下来,我们用jQuery来处理节点的展开与折叠、连接线的绘制以及多选功能。这里的关键在于使用jQuery的`data()`方法存储节点状态...
<input type="checkbox" id="myCheckbox" name="myCheckbox"> ``` 这将创建一个默认未选中的复选框。通过`id`和`name`属性可以唯一标识和分组复选框。 2. **CSS样式定制**:开发者可以通过CSS来改变Checkbox的...
$("#selectAll").prop("checked", $("#contactList input[type='checkbox']:checked").length === $("#contactList input[type='checkbox']").length); } }); ``` 当用户需要删除选中的联系人时,我们需要收集...
$('.tree-menu input[type="checkbox"]').on('change', function() { var $this = $(this); var isChecked = $this.is(':checked'); var parentId = $this.parent('li').data('id'); toggleChildrenCheckboxes...
jQuery 提供了多种选择器用于选取复选框,如 `$('input[type=checkbox]')` 可以选取页面上所有复选框。如果你想选取特定 ID 的复选框,可以使用 `$('#box1')`。 ### 3. 全选与反选 全选功能可以通过遍历所有复选框...
$('input[type="checkbox"]', $(this).parent()).prop('checked', isChecked); }); // 绑定按钮事件 $('.leftBtn').click(function() { moveItems('left', 'right'); }); $('.rightBtn').click(function() {...
以上代码中,当`CheckBox`被选中时,`EditText`的`inputType`改为`InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD`,使密码变为可见。反之,`inputType`恢复为`InputType.TYPE_CLASS_...
<input type="checkbox" class="all"/>全选 <input type="checkbox" class="a"/>山东 <input type="checkbox" class="a"/>山西 <input type="checkbox" class="a"/>北京 <input type="checkbox" class="a"/>...
<input type="checkbox" id="option1" name="options"> <label for="option1">Option 1 ``` `id`属性用于唯一标识复选框,`name`属性则用于在表单提交时识别一组相关的复选框。`<label>`标签与`<input>`关联,提供...
<input type="checkbox" id="myCheckbox" name="myCheckbox" value="true"> ``` 这里的`id`属性用于唯一标识复选框,`name`属性用于在表单提交时标识一组相关的复选框,`value`属性则表示当复选框被选中时的值。 ...