ホームページ  >  記事  >  ウェブフロントエンド  >  angularjsでラジオボタンを取得する方法

angularjsでラジオボタンを取得する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-12 15:35:492018ブラウズ

今回は、angularjsラジオボタンを取得する方法と、angularjsでラジオボタンを取得する際の注意事項についてお届けします。以下は実際的なケースですので、見てみましょう。

HTML ページには、デフォルトで 2 番目の「重要」オプションが選択されています。ただし、このオプションを選択するには、$scope が表示されます。レベルは undefinestate です。デフォルトでは明らかに選択されていますが、なぜ undefine なのでしょうか?

そこで、最初にテストしました。HTML ページに次のコードを書きます:

<span style="font-size:18px;"><p ng-controller="testCtrl"> 
 <p > 
  <label > 
   <input type="radio" value="Normal" ng-model="level" name="level" 
   >一般 
  </label> 
  <label > 
   <input type="radio" value="Important" ng-model="level" name="level" 
     ng-checked="true" 
   >重要 
  </label> 
  <label > 
   <input type="radio" value="Urgent" ng-model="level" name="level" 
   >紧急 
  </label> 
 </p> 
  <p> {{ level }}</p>    //显示单选按钮选中的value 
</p></span>

初めてページが読み込まれるとき、デフォルトで「重要」ラジオ ボタンが選択されていますが、ページには「重要」ラジオ ボタンに対応する値が表示されません。

「緊急」ボタンをクリックすると、「緊急」ボタンの値が下に表示されます

ページがロードされるとき、$scope.level には値が割り当てられておらず、たとえ ng-checked="true" であっても、デフォルトで選択された値が表示されないことがわかります。 jsで設定する必要があります: $scope.level= "重要"; このとき、ページを更新すると、選択したボタンの値がデフォルトで表示されます

事例を読んだ後、方法をマスターしたと思いますこの記事ではさらに面白いことに注目してください 他の関連記事はphp中国語ウェブサイトにあります!

推奨読書:

readlineがコンテンツを行ごとに読み書きする方法

vueは入力コンテンツにスペースが含まれているかどうかを決定します

以上がangularjsでラジオボタンを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。