Question

我有以下HTML，我需要选择无线电。不知道如何在AngularJS中做到这一点。

<div class="form-group">
    <label class="control-label pull-left"><small>Type of M (<i>check one</i>):</small></label>
    <div class="col-md-5 pull-left">
        <label class="radio-inline pull-left">
            <input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep"> PrRep
        </label>
        <label class="radio-inline pull-left">
            <input type="radio" name="radio" ng-model="m.pr.MType" value="LProd"> LProd
        </label>
    </div>
    <div class="input-group col-md-3">
        <div class="input-group-sm">
            <label><small>Prod LNum</small></label>
            <input type="text" class="form-control" id="provProdLNum" ng-model="m.pr.prodLNum" ng-required="m.pr.MType != 'PrRep'" />
        </div>
    </div>
</div>

我试过这个：

<input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep" required> PrRep
<input type="radio" name="radio" ng-model="m.pr.MType" value="LProd" required> LProd

和此：

<input type="radio" name="radio" ng-model="m.pr.MType" value="PrRep" ng-required="m.pr.MType != ''"> PrRep
<input type="radio" name="radio" ng-model="m.pr.MType" value="LProd" ng-required="m.pr.MType != ''"> LProd

不确定哪一个在这里使用正确...

Answer 1

使用ng-required。在第一个示例中，组中所有单选按钮的必需属性的永久存在将导致表单无法验证。

Validate Radio Button AngularJS

需要AngularJS radiogroup

1 个答案: