Question

很抱歉，如果这似乎是一个简单的问题，但我无法弄明白或在任何地方找到解决方案。我是angularJS的新手，并且有一个网页，里面有两个单选按钮和一个＆＃34;详细信息＆＃34;按钮。

显然网站是用angularJS编写的，也是使用twitter bootstrap。

问题是＆＃34;是否已检查详细信息？＆＃34;用＆＃34;是＆＃34;和＆＃34;不＆＃34;单选按钮。

点击＆＃34;详情＆＃34;按钮打开一个带有＆＃34;关闭＆＃34;的模态。它上面的按钮和细节。

我之后的问题是这些单选按钮被禁用，直到＆＃34;详情＆＃34;按钮已被点击或一次＆＃34;关闭＆＃34;从模态中点击了按钮（这是最好的解决方案）。

我能提供的唯一代码就是我的HTML。我需要在不使用JQuery的情况下完成它。

<div class="row" style="margin-bottom: 5px">
    <label class="col-sm-6 col-md-5" style="padding-top: 10px;">Have sufficient checks been performed?</label>
    <div class="col-sm-2" style="padding-top: 6px;">
        <input name="amlcheckgroup" type="radio" ng-model="withdrawalitems.checkscompleted" value="Yes" required />Yes &nbsp;
        <input name="amlcheckgroup" type="radio" ng-model="withdrawalitems.checkscompleted" value="No" required />No
    </div>
    <div class="col-sm-2" style="padding-left: 0px">
        <button type="button" class="btn btn-success" ng-click="opendatachecksmodal()" title="Click to see details.">Data Checks</button>
    </div>
</div>

Answer 1

您必须查找ngDisabled指令。

<input type="radio" ng-disabled="!enableRadioButton">
<button ng-click="enableRadioButton = true">Details</button>

修改

由于你添加了一个代码示例，这样的东西应该可以解决这个问题：

<div class="row" style="margin-bottom: 5px">
    <label class="col-sm-6 col-md-5" style="padding-top: 10px;">Have sufficient checks been performed?</label>
    <div class="col-sm-2" style="padding-top: 6px;">
        <input name="amlcheckgroup" type="radio" ng-model="withdrawalitems.checkscompleted" value="Yes" required ng-disabled="enableRadioButtons" />Yes &nbsp;
        <input name="amlcheckgroup" type="radio" ng-model="withdrawalitems.checkscompleted" value="No" required ng-disabled="enableRadioButtons" />No
    </div>
    <div class="col-sm-2" style="padding-left: 0px">
        <button type="button" class="btn btn-success" ng-click="opendatachecksmodal()" title="Click to see details.">Data Checks</button>
    </div>
</div>

将$scope.enableRadioButtons = true;添加到opendatachecksmodel()方法。

您也可以在关闭模式时将标志设置为true。

禁用单选按钮直到单击按钮

1 个答案:

修改