Javascript 在angularjs中输入无线电切换div

我知道我可以简单地切换div show/hide：

<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>

选中复选框时，我将显示。

当输入类型为复选框时。但我想有两个输入型收音机和开关两个div显示/隐藏

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

如何做到这一点？工作示例将不胜感激。

您尝试过这个吗

<input type="radio" name="showDiv" ng-model="checked1"><br />
<input type="radio" name="showDiv" ng-model="checked2"><br />

<div class="check-element animate-show-hide" ng-show="checked">
  I show up when your checkbox1 is checked.
</div>
<div class="check-element animate-show-hide" ng-show="checked2">
  I show up when your checkbox2 is checked.
</div>

当您的支票箱1被选中时，我会出现。
当你的支票箱2被选中时，我就会出现。

或者你想要一些特别的东西？

你试过这个吗

<input type="radio" name="showDiv" ng-model="checked1"><br />
<input type="radio" name="showDiv" ng-model="checked2"><br />

<div class="check-element animate-show-hide" ng-show="checked">
  I show up when your checkbox1 is checked.
</div>
<div class="check-element animate-show-hide" ng-show="checked2">
  I show up when your checkbox2 is checked.
</div>

当您的支票箱1被选中时，我会出现。
当你的支票箱2被选中时，我就会出现。

或者你想要一些特别的东西吗？

试试这个

<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>

选中复选框时，我将显示。

试试这个

<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>

选中复选框时，我将显示。

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'ctrl'，['$scope'，函数（$scope）{
$scope.checked='true'；
}]);

真的
假的
选中复选框时，我将显示。

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'ctrl'，['$scope'，函数（$scope）{
$scope.checked='true'；
}]);

真的
假的
选中复选框时，我将显示。
是，我不希望同时显示两个div，这就是为什么我希望使用input type=“radio”而不是复选框。因此，使用相同的attrubut名称时，它们将永远不会同时被检查在一起。我想在选中input type radio number 1时显示div1，在选中input type radio number 2时显示div2。是的，我不想同时显示两个div，这就是我想使用input type=“radio”而不是复选框的原因。因此，使用相同的attrubut名称时，它们将永远不会同时被检查在一起。我想在选中输入型单选号码1时显示div1，在选中输入型单选号码2时显示div2。工作不正常Ohh，我的打字错误我在ng show中使用了single equal，我已经更新了代码，正在工作，谢谢！如何添加，以便在第一次加载页面时检查第一次输入？我试着简单地在结尾加上“checked”，但在这种情况下它没有被选中。工作不正常哦，我的打字错误我在ng show中使用了single equal，我已经更新了我的代码，正在工作，谢谢！如何添加，以便在第一次加载页面时检查第一次输入？我试着简单地加上“checked”在结尾，但在本例中它没有被选中。就像我之前写的那样，我不想同时检查两个输入，这就是为什么我问如何使用input type=RADIO而不是复选框来实现这一点。就像我之前写的那样，我不想同时检查两个输入，这就是为什么我问如何使用input来实现这一点类型=收音机，而不是复选框。