javascript - 在angularjs中输入 radio 切换div

Question

我知道我可以这么简单地切换 div 显示/隐藏:

<input type="checkbox" ng-model="checked"><br />
<div class="check-element animate-show-hide" ng-show="checked">
  I show up when your checkbox is checked.
</div>

当输入类型为复选框时。但我想要两个输入类型的 radio 并切换两个 div 显示/隐藏。

<input type="radio" name="same" />
<input type="radio" name="same" />

如何实现这一目标？工作示例将不胜感激。

Answer 1

试试这个

<input type="radio" name="same" ng-model="checked" value="true" />
<input type="radio" name="same" ng-model="checked" value="false" />
<div class="check-element animate-show-hide" ng-show="checked=='true'">
  I show up when your checkbox is checked.
</div>