wie man ein div auf der Grundlage einer Checkbox Auswahl in eckigen js

/Ich habe ein Kontrollkästchen und ein div auf meiner Seite.wie man ein div auf der Grundlage einer Checkbox Auswahl in eckigen js

<input type="checkbox" id="Animals" name="Animals" ng-model="ModelData.Animals" 
          ng-checked="ModelData.Animals == 'A'" /> 


<div class="form-group" ng-show="ModelData.Animals == 'A'"> 

         <label for="FirstName" class="col-md-9"> 
          Are you interested in Animal Liability Coverage? 
         </label> 
         <div class="col-md-3"> 
          <label> 
           <input type="radio" id="AnimalLiabCovY" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" 
            value="Y" /> 
           Yes 
           <input type="radio" id="AnimalLiabCovN" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" 
            value="N" /> 
           No 
          </label> 
         </div> 
    </div>

Ich möchte das DIV anzeigen, wenn das Kontrollkästchen ausgewählt ist und ausblenden, wenn nicht ausgewählt. Zum ersten Mal funktionierte der obige Code gut, dh wenn Checkbox ausgewählt ist und DIV sich versteckt, wenn das Kontrollkästchen deaktiviert wird. Aber nach dem ersten Mal funktioniert es nicht. Nach Auswahl des Kontrollkästchens wird das DIV nicht angezeigt.

Quelle

2014-02-13 Sanjeev Singh

Haben Sie es auf diese Weise versucht? Hier ist die fiddle Es funktioniert super.

<input type="checkbox" id="Animals" name="Animals" ng-model="ModelData.Animals" /> 
<div class="form-group" ng-show="ModelData.Animals"> 
    <label for="FirstName" class="col-md-9"> 
    Are you interested in Animal Liability Coverage? 
    </label> 
    <div class="col-md-3"> 
    <label> 
     <input type="radio" id="AnimalLiabCovY" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" value="Y" /> Yes 
     <input type="radio" id="AnimalLiabCovN" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" value="N" /> No 
    </label> 
    </div> 
</div>

Quelle

2014-02-13 08:23:26

Dank Tyler. Ich wusste, was ich vermisste. –

Ich glaube, Sie suchen ng-true-value und ng-false-value

<div ng-app> 
    <div > 
     <input type="checkbox" ng-true-value="A" ng-false-value="B" ng-model="check"/>   
    </div> 

    <div ng-show="check == 'A'"> 
     Checked 
    </div> 
</div>

Fiddle

Quelle

2014-02-13 08:30:43 Dieterg

<body ng-app> 
    <label>Wolf: <input type="checkbox" ng-model="Wolf" ng-init="checked=true" /></label><br/> 
    <label>Tiger: <input type="checkbox" ng-model="Tiger" ng-init="checked=false" /></label><br/> 
    <label>Lion: <input type="checkbox" ng-model="Lion" ng-init="checked=false" /></label><br/> 
    Show when checked: 
    <div ng-if="Wolf"> 
    <span> This is removed when the wolf is checked. 
    </span> 
    </div> 

<div ng-if="Tiger"> 
    <span> This is removed when the tiger is checked. 
    </span> 
</div> 
<div ng-if="Lion"> 
    <span> This is removed when the lion is checked. 
    </span> 
</div> 
</body>

Quelle

2017-04-13 07:14:30

wie man ein div auf der Grundlage einer Checkbox Auswahl in eckigen js

Antwort

Verwandte Themen