Javascript 使用ng隐藏和收音机隐藏元素？_Javascript_Angularjs

Javascript 使用ng隐藏和收音机隐藏元素？

javascript angularjs

Javascript 使用ng隐藏和收音机隐藏元素？,javascript,angularjs,Javascript,Angularjs,我有一台收音机： <div class="row"> <div class="col15"> <input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes"><label for="client_yes">Yes</label> </div> <div c

我有一台收音机：

<div class="row">
  <div class="col15">
    <input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes"><label for="client_yes">Yes</label>
  </div>
  <div class="col15">
    <input type="radio" id="client_no" name="client" ng-model="entry.client" ng-required="true" value="no"><label for="client_no">No</label>
  </div>

</div>

勾选的是勾选框中ng型号的名称，我只是不确定如何使用收音机，因为它们都具有相同的型号名称？

，您可以使用

值属性在选择时将每个单选按钮设置为不同的值：
<div class="row">
  <div class="col15">
    <input type="radio" id="client_yes" name="client" value="yes" ng-model="entry.client" ng-required="true"><label for="client_yes">Yes</label>
  </div>
  <div class="col15">
    <input type="radio" id="client_no" name="client" value="no" ng-model="entry.client" ng-required="true"><label for="client_no">No</label>
  </div>

，您可以使用value
属性在选择时将每个单选按钮设置为不同的值：
<div class="row">
  <div class="col15">
    <input type="radio" id="client_yes" name="client" value="yes" ng-model="entry.client" ng-required="true"><label for="client_yes">Yes</label>
  </div>
  <div class="col15">
    <input type="radio" id="client_no" name="client" value="no" ng-model="entry.client" ng-required="true"><label for="client_no">No</label>
  </div>

对问题div使用ng hide指令，如下所示：
ng-hide="entry.client=='yes'"

参见plunker：
这是HTML代码：
  <body ng-app="app" ng-controller="Controller">
    <div class="row">
      <div class="col15">
        <input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes" />
        <label for="client_yes">Yes</label>
      </div>
      <div class="col15">
        <input type="radio" id="client_no" name="client" ng-model="entry.client" ng-required="true" value="no" />
        <label for="client_no">No</label>
      </div>

      <div class="col15" ng-hide="entry.client=='yes'">
      question to hide
      </div>
      <div class="col15">
      question NOT to hide
      </div>
      <div class="col15" ng-hide="entry.client=='yes'">
      question to hide
      </div>
    </div>
  </body>


对
不
要隐藏的问题
不要隐瞒的问题
要隐藏的问题
对问题div使用ng hide指令，如下所示：
ng-hide="entry.client=='yes'"

参见plunker：
这是HTML代码：
  <body ng-app="app" ng-controller="Controller">
    <div class="row">
      <div class="col15">
        <input type="radio" id="client_yes" name="client" ng-model="entry.client" ng-required="true" value="yes" />
        <label for="client_yes">Yes</label>
      </div>
      <div class="col15">
        <input type="radio" id="client_no" name="client" ng-model="entry.client" ng-required="true" value="no" />
        <label for="client_no">No</label>
      </div>

      <div class="col15" ng-hide="entry.client=='yes'">
      question to hide
      </div>
      <div class="col15">
      question NOT to hide
      </div>
      <div class="col15" ng-hide="entry.client=='yes'">
      question to hide
      </div>
    </div>
  </body>


对
不
要隐藏的问题
不要隐瞒的问题
要隐藏的问题
谢谢。是否有一种方法可以隐藏问题，因为在开始时，没有选中单选按钮。一种简单的方法是将ng hide替换为ng show，例如：ng show=“entry.client=='no'”
谢谢。是否有一种方法可以隐藏问题，如在开始时，没有选中单选按钮。一种简单的方法是将ng hide替换为ng show，例如：ng show=“entry.client=='no'”