Home > Web Front-end > JS Tutorial > How to use radio in angularJS to choose one of the two options (detailed tutorial)

How to use radio in angularJS to choose one of the two options (detailed tutorial)

亚连
Release: 2018-06-02 17:47:34
Original
2654 people have browsed it

Below I will share with you an article on how to use angularJS radio to achieve a single choice of two options. It has a good reference value and I hope it will be helpful to everyone.

Stop talking nonsense and go straight to the code:

 <p class="col-xs-3">
 <input type="radio" ng-value=1 ng-model="sss" name="aaa" >男
 </label>
 <label>
 <input type="radio" ng-value=0 ng-model="sss" name="aaa">女
 </label>
</p>
<p>
 {{sss}}
</p>
Copy after login

When using radio to implement one of the two choices in ng, you need to pay attention to several points:

First: Keep the attribute value of the name consistent;

Second Two: Keep ng-model corresponding to the same value;

Third: You need to set ng-value for each radio, because the corresponding value of ng-model is the ng-value corresponding to the selected radio. value.

This enables radio selection and can pass different values.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

react-native-video Method to achieve full-screen video playback

Angular study notes integration of three parties Examples of UI frameworks and controls

Five common JavaScript functions

The above is the detailed content of How to use radio in angularJS to choose one of the two options (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template