`
Franciswmf
  • 浏览: 800353 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

angularjs input type=radio isChecked

 
阅读更多
1、html:
<input type="radio" ng-model="typeModel.isChecked" ng-click="typeRadioClickFun($event.target)" value="0">&nbsp;{{'PROPERTY.NODE.DUE.DATE.VARIABLE.LABEL' | translate}}

<input type="radio" ng-model="typeModel.isChecked" ng-click="typeRadioClickFun($event.target)" value="1">&nbsp;{{'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">&nbsp;{{'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">&nbsp;{{'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">&nbsp;{{'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;
    			} 
分享到:
评论

相关推荐

    jsp中radio控件的使用

    &lt;input type="radio" name="group1" value="option1"&gt; 选项1 &lt;input type="radio" name="group1" value="option2"&gt; 选项2 ``` 在这个例子中,`name`属性用于将多个`radio`按钮分组,确保用户只能选择一个。`value`...

    js checkbox radio

    &lt;input type="radio" id="gender2" name="gender" value="female"&gt; Female ``` 在JavaScript中,我们同样可以通过`id`来获取和操作单选按钮: ```javascript var gender1 = document.getElementById('gender1'...

    使用<input>实现checkbox

    在这个特定的场景中,我们关注的是`&lt;input type="checkbox"&gt;`,用于创建复选框。复选框允许用户在多个选项中选择一个或多个,通常用于提供多选功能。 ### `&lt;input type="checkbox"&gt;`基础知识 1. **基本结构**:`...

    jquery checkbox点击选中列表样式代码

    $('#checkboxList input[type="checkbox"]').prop('checked', isChecked); $('#checkboxList li').toggleClass('selected', isChecked); }); ``` 这样,当用户点击"Select All"时,所有列表项的checkbox会被同步...

    jQuery实现自定义checkbox和radio样式

    $('.form').find('input[type=checkbox], input[type=radio]').customInput(); ``` 上述代码中的 `customInput` 函数遍历所有指定类型的 input 元素,为它们绑定点击事件。当用户点击 label 时,input 的选中...

    juqery实现复选框全选/反选demo源码

    var isChecked = $('input[type=checkbox]:checked').length === $('input[type=checkbox]').length; $('#checkAll').prop('checked', isChecked); }); ``` 在这段代码中,我们计算了当前选中的复选框数量,并将...

    jq点击复选框触发事件给input赋值.zip

    $('table input[type="checkbox"]').not(this).prop('checked', isChecked); }); ``` 这里,`#selectAll`是全选复选框的ID,`not(this)`确保全选复选框自身不会被选中。 这个场景下的实践应用不仅限于简单的...

    Vue快速入门(二).doc

    &lt;input type="checkbox" v-model="isChecked" true-value="同意" false-value="不同意"&gt; &lt;input type="checkbox" v-model="selected" value="option1"&gt; &lt;input type="checkbox" v-model="selected" value="option2"&gt;...

    js复选框(checkbox).zip

    &lt;input type="checkbox" id="option1" name="options" value="Option1"&gt; Option 1 &lt;input type="checkbox" id="option2" name="options" value="Option2"&gt; Option 2 ``` 这里的`id`属性用于唯一标识每个复...

    纯JQuery实现TreeView示例带连接虚线|多选框

    为了添加多选框,我们可以在每个`&lt;li&gt;`元素内添加一个`&lt;input type="checkbox"&gt;`。 接下来,我们用jQuery来处理节点的展开与折叠、连接线的绘制以及多选功能。这里的关键在于使用jQuery的`data()`方法存储节点状态...

    老罗视频代码checkbox

    &lt;input type="checkbox" id="myCheckbox" name="myCheckbox"&gt; ``` 这将创建一个默认未选中的复选框。通过`id`和`name`属性可以唯一标识和分组复选框。 2. **CSS样式定制**:开发者可以通过CSS来改变Checkbox的...

    jQuery手机通讯录选中删除代码.zip

    $("#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 复选框

    jQuery 提供了多种选择器用于选取复选框,如 `$('input[type=checkbox]')` 可以选取页面上所有复选框。如果你想选取特定 ID 的复选框,可以使用 `$('#box1')`。 ### 3. 全选与反选 全选功能可以通过遍历所有复选框...

    jQuery穿梭框左右列表添加删除代码

    $('input[type="checkbox"]', $(this).parent()).prop('checked', isChecked); }); // 绑定按钮事件 $('.leftBtn').click(function() { moveItems('left', 'right'); }); $('.rightBtn').click(function() {...

    Android中EditText密码样式设置

    以上代码中,当`CheckBox`被选中时,`EditText`的`inputType`改为`InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD`,使密码变为可见。反之,`inputType`恢复为`InputType.TYPE_CLASS_...

    jquery与js实现全选功能的区别

    &lt;input type="checkbox" class="all"/&gt;全选 &lt;input type="checkbox" class="a"/&gt;山东 &lt;input type="checkbox" class="a"/&gt;山西 &lt;input type="checkbox" class="a"/&gt;北京 &lt;input type="checkbox" class="a"/&gt;...

    Checkbox的使用

    &lt;input type="checkbox" id="option1" name="options"&gt; &lt;label for="option1"&gt;Option 1 ``` `id`属性用于唯一标识复选框,`name`属性则用于在表单提交时识别一组相关的复选框。`&lt;label&gt;`标签与`&lt;input&gt;`关联,提供...

    jquery moblie 复选框取值

    &lt;input type="checkbox" id="myCheckbox" name="myCheckbox" value="true"&gt; ``` 这里的`id`属性用于唯一标识复选框,`name`属性用于在表单提交时标识一组相关的复选框,`value`属性则表示当复选框被选中时的值。 ...

Global site tag (gtag.js) - Google Analytics