ホームページ  >  記事  >  ウェブフロントエンド  >  angularjs でデフォルトで選択されているラジオ ボタンの value メソッドを取得する (詳細なチュートリアル)

angularjs でデフォルトで選択されているラジオ ボタンの value メソッドを取得する (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-02 17:45:142134ブラウズ

ここで、デフォルトで選択されているラジオ ボタンの値を取得する angularjs メソッドを共有します。これは優れた参照値であり、皆さんの役に立つことを願っています。

HTML ページには、2 番目の「重要」オプションがデフォルトで選択されています。ただし、このオプションを選択するには、フォームを送信するときに $scope が表示されます。 .level が未定義の状態になっているのですが、デフォルトで明確に選択されているのになぜ未定義なのでしょうか?

そこで、最初にテストしました: 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= "重要"; この時点で、ページを更新すると、選択したボタンの値がデフォルトで表示されます:

上記は私が皆さんのためにコンパイルしたものです。将来的には誰にとっても役立つでしょう。

関連記事:

vueで実装されたツリー型料理のサンプルコード

p5.js入門チュートリアルのキーボードインタラクション

VUEの主要な問題点のまとめ

以上がangularjs でデフォルトで選択されているラジオ ボタンの value メソッドを取得する (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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