正文

angularjs中只显示选中的radio的值

IP云
IP云V管理员/6 阅读
07/27
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

angularjs中，只显示选中的radio的值。主要是相同的radio，name属性值要相同还有ng-model的值要相同，同时要指定value值。这样选中的时候就会在下面的div中显示选中的值了。

/*文件引用等省略*/
<div class="showType">

<label for="oneLine"><input type="radio" id="oneLine" name="showLine" ng-model="line" value="oneLine" />显示一列</label>

<label for="twoLine"><input type="radio" id="twoLine" name="showLine" ng-model="line" value="twoLine"/> 显示两列</label>

<label for="allOver"><input type="radio" id="allOver" name="showType" ng-model="type" value="allOver"/> 全屏展示</label>

<label for="smallOver"><input type="radio" id="smallOver name="showType" ng-model="type" value="smallOver"/> 还原窗口</label>

</div><div>
{{line}}{{type}}
</div>