如何根据下拉选择设置单选按钮值
How to set radio buttons values based on dropdown selection?
我想根据下拉选择设置单选按钮值,假设我在下拉列表中有三个值(A、B和C),如果选择了A或B,我想将单选按钮默认值设置为Summary,如果选择C,我想设置值为Detailed。同样当A&选择了B,我想使其不可编辑。。请帮忙,这是我第一次使用AngularJS收音机。
main.html
<div class="row">
<div class="form-group col-md-6 fieldHeight">
<label for="cycleName" class="col-md-6 required">Scope Type :</label>
<div class="col-md-6">
<select kendo-drop-down-list k-data-text-field="'text'"
k-option-label="'Select'" k-data-value-field="'id'"
k-data-source="assessmentTypeOptions" name="assessmentType"
required ng-model="riskAssessmentDTO.scopeType" id="assessmentType"
maxlength="256" ng-change="assessmentType()"></select>
<p class="text-danger"
ng-show="addAssessment.assessmentType.$touched && addAssessment.assessmentType.$error.required">Assessment
Type is required</p>
</div>
</div>
<div class="form-group col-md-6 fieldHeight">
<label for="assessmentType" class="col-md-5 required">Assessment Type :</label>
<label class="radio-inline"><input type="radio"
name="summary" id="summary" ng-value="'summary'"
ng-model="riskAssessmentDTO.erhFlag" ng-disabled="disableAssessmentType" >Summary </label>
<label class="radio-inline"><input type="radio"
name="detail" id="detail" ng-value="'N'"
ng-model="riskAssessmentDTO.erhFlag" ng-disabled="disableAssessmentType">Detailed</label>
<p class="text-danger"
ng-show="addAssessment.includeERHFlag.$touched && addAssessment.includeERHFlag.$error.required">Assessment
Name is required</p>
</div>
</div>
main.js
$scope.assessmentType = function() {
$scope.riskAssessmentDTO.assessmentName = '';
$scope.riskAssessmentDTO.erhFlag = 'Y';
$scope.showRefineERH = false;
if ($scope.riskAssessmentDTO.scopeType === 'RA_GEO_LOCAT') {
$scope.disableAssessmentType = true;
$scope.riskAssessmentDTO.erhFlag = 'summary';
} else if ($scope.riskAssessmentDTO.scopeType === 'RA_LEGAL_ENTITY') {
$scope.disableAssessmentType = true;
$scope.riskAssessmentDTO.erhFlag = 'summary';
} else if ($scope.riskAssessmentDTO.scopeType === 'RA_BUS_UNIT') {
$scope.disableAssessmentType = false;
$scope.riskAssessmentDTO.erhFlag = 'detailed';
}
};
在单选按钮中使用禁用的ng,并使用范围变量$scope.selectedIndex将其设置为false或true
<input type="radio" ng-disabled="selectedInderx==0">
并通过从html 传递$index来在Select中的ng更改函数中设置$scope.selectedIndex
相关文章:
- 构建淘汰模型并动态查看,不设置单选按钮
- 根据选中的按钮运行不同的计算时,设置单选按钮
- 如何使用 AngularJS 在页面加载时通过查询字符串值来设置单选按钮值
- 流星:如何根据数据库中的值设置单选按钮的值
- 引导设置单选按钮与 jquery 一起检查
- JavaScript:取消选择时设置单选按钮的背景(单选按钮组)
- 仅在一个表格行内设置单选按钮标签的样式
- 未从视图模型(KNOCKOUTJS)设置单选按钮
- 设置单选按钮,无需交互,仅使用javascript
- 如何使用JavaScript设置单选按钮状态
- 设置单选按钮单击两个目的地(提交表单和重定向)
- 如何使用单选按钮的值来设置单选按钮
- 如何设置单选按钮列表与后缀文本后的单选图标
- 设置单选按钮的值在并排问题的质量-打破了JFE,但在标准工作
- 如何以编程方式设置单选按钮和选择选项与js
- 在javascript中设置单选按钮值
- 设置单选按钮值等于特定表行的文本
- AngularJS通过嵌套的id属性来设置单选按钮数组的默认值
- 如何在react material-ui中编程设置单选按钮选择
- 通过文本框值设置单选按钮为true