ボタンとしてラベルを使用してMVC.netコアチェックボックスをバインドする方法

ブレントキルボーイ

トグルボタンのようなチェックボックスを作成する次のコードがあります。

<div class="btn-group btn-group-toggle" data-toggle="buttons">
 <label asp-for="FlaggedStatus" class="btn btn-outline-danger">
   <input asp-for="FlaggedStatus" type="checkbox"> Flag Address
 </label>
</div>

チェックされていないフォームでは、次のようになります。

ここに画像の説明を入力してください

選択すると次のようになります。

ここに画像の説明を入力してください

バインディングは、データの保存に最適です。しかし、データがすでに入力されているフォームをロードすると、編集モードでは、チェックボックスがバックグラウンドで選択されていますが、ボタンが入力された状態で表示されません。チェックボックスがオンになっているときにボタンがオンになっているように表示されるようにバインドするにはどうすればよいですか。データは本当ですか?

mxmissile

トグルは、active親のcssクラスを使用しますlabelインラインロジックを使用する必要があります。

<label asp-for="FlaggedStatus" class="btn btn-outline-danger @(Model.FlaggedStatus ? "active")">

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

セレンウェブドライバを使用してチェックボックスを選択する方法

分類Dev

jQueryDatatablesプラグインを使用してデータベースからチェックボックス値を動的にバインドする方法

分類Dev

WPF:チェックボックスを使用してコマンドをバインドする

分類Dev

リストとしてチェックボックスを使用してIPagedListをバインドする

分類Dev

コアJavaScriptとイベントハンドラーを使用してチェックボックスをオンにします

分類Dev

ボタンとしてのHTMLチェックボックス-クリック可能な領域としてラベルとボタンを含める

分類Dev

dataIndexをバインドして[すべて選択]チェックボックスをオンにする方法

分類Dev

DB MeanStack を使用して角度でチェックボックスをバインドする方法

分類Dev

MVCビューでjqueryを使用してデータをコンボボックスランタイムにバインドする方法は?

分類Dev

バターナイフを使用してコンボボックスにバインドする方法は?

分類Dev

ボタンを使用して複数のラベルをクリップボードにコピーする方法

分類Dev

チェックボックスをオフにしてラジオボタンをクリアする方法

分類Dev

xamarinMVVMを使用しているとき。ビューモデルでデバイスバック(ハードウェア戻るボタン)を処理する方法

分類Dev

vueのデータバインディングとしてチェックボックスを使用する

分類Dev

チェックボックスをバインドするReactiveUITwoWay

分類Dev

WPFをバインドするチェックボックス

分類Dev

SOLineチェックボックスフィールドのベースハンドラーをオーバーライドしようとしています

分類Dev

ListView WPFのチェックボックスにコマンドをバインドする方法は?

分類Dev

チェックボックスでバックエンドデータをバインドする方法は?

分類Dev

データベースからのバインドを使用して、オプション「すべて」をWPFのコンボボックスに追加する方法

分類Dev

チェックボックスをVuexストアにバインドする方法は?

分類Dev

チェックボックスをチェックイン角度4としてマークする方法

分類Dev

Kivy:ラベルをタッチしてチェックボックスをオンにします

分類Dev

ラベルを使用してjqueryのラジオボタンのチェックを外す方法

分類Dev

AngularJS:ブール値をラジオボタンにバインドして、チェック解除イベントでモデルをfalseに更新する

分類Dev

クローンラベルをクリックしてチェックボックスのチェック済みプロパティをfalseに変更し、チェックボックスをクリックしてクローンを削除する方法

分類Dev

コンボボックスを使用してSQLデータベースからdataGridViewのデータをバインドする方法は?

分類Dev

jQueryのクラスを使用して、選択したラジオボタンとチェックボックスの値を取得する方法は?

分類Dev

JComboを使用してチェーンコンボボックスを作成する

Related 関連記事

  1. 1

    セレンウェブドライバを使用してチェックボックスを選択する方法

  2. 2

    jQueryDatatablesプラグインを使用してデータベースからチェックボックス値を動的にバインドする方法

  3. 3

    WPF:チェックボックスを使用してコマンドをバインドする

  4. 4

    リストとしてチェックボックスを使用してIPagedListをバインドする

  5. 5

    コアJavaScriptとイベントハンドラーを使用してチェックボックスをオンにします

  6. 6

    ボタンとしてのHTMLチェックボックス-クリック可能な領域としてラベルとボタンを含める

  7. 7

    dataIndexをバインドして[すべて選択]チェックボックスをオンにする方法

  8. 8

    DB MeanStack を使用して角度でチェックボックスをバインドする方法

  9. 9

    MVCビューでjqueryを使用してデータをコンボボックスランタイムにバインドする方法は?

  10. 10

    バターナイフを使用してコンボボックスにバインドする方法は?

  11. 11

    ボタンを使用して複数のラベルをクリップボードにコピーする方法

  12. 12

    チェックボックスをオフにしてラジオボタンをクリアする方法

  13. 13

    xamarinMVVMを使用しているとき。ビューモデルでデバイスバック(ハードウェア戻るボタン)を処理する方法

  14. 14

    vueのデータバインディングとしてチェックボックスを使用する

  15. 15

    チェックボックスをバインドするReactiveUITwoWay

  16. 16

    WPFをバインドするチェックボックス

  17. 17

    SOLineチェックボックスフィールドのベースハンドラーをオーバーライドしようとしています

  18. 18

    ListView WPFのチェックボックスにコマンドをバインドする方法は?

  19. 19

    チェックボックスでバックエンドデータをバインドする方法は?

  20. 20

    データベースからのバインドを使用して、オプション「すべて」をWPFのコンボボックスに追加する方法

  21. 21

    チェックボックスをVuexストアにバインドする方法は?

  22. 22

    チェックボックスをチェックイン角度4としてマークする方法

  23. 23

    Kivy:ラベルをタッチしてチェックボックスをオンにします

  24. 24

    ラベルを使用してjqueryのラジオボタンのチェックを外す方法

  25. 25

    AngularJS:ブール値をラジオボタンにバインドして、チェック解除イベントでモデルをfalseに更新する

  26. 26

    クローンラベルをクリックしてチェックボックスのチェック済みプロパティをfalseに変更し、チェックボックスをクリックしてクローンを削除する方法

  27. 27

    コンボボックスを使用してSQLデータベースからdataGridViewのデータをバインドする方法は?

  28. 28

    jQueryのクラスを使用して、選択したラジオボタンとチェックボックスの値を取得する方法は?

  29. 29

    JComboを使用してチェーンコンボボックスを作成する

ホットタグ

アーカイブ