Skip to main content
タイトルを編集
リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

.NET MVC ViewからControllerへのbootstrap toggleを用いて選択状態渡しについてを渡すには

タグを編集
リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117
本文に 11 文字追加
ソース リンク
t28bsai
  • 183
  • 1
  • 11
  • 28

VIEW側で下記のようなbootstrapを用いたトグルボタンを作成しました。
このトグルボタンの選択状況(ON/OFF)をトグルの切り替わり時にControllerに渡したいのですがどのように実装すればいいでしょうか。

ソースを一部記載致します。

※Controller

    public ActionResult Index()
    {
        var test = Request.Form["cbOnOff"];

        return View();
    }

※View

 <div style="width: 200px; display:inline-flex;">

    @Html.CheckBox("cbOnOff", true, new
    {
        data_toggle = "toggle",
        data_size = "small",
        data_on = "ON",
        data_off = "OFF"
    })
 </div>

※実行時のページソース(チェックボックス部分)

<div style="width: 200px; display:inline-flex;">
    <input checked="checked" data-off="OFF" data-on="ON" data-size="small" data-toggle="toggle" id="cbOnOff" name="cbOnOff" type="checkbox" value="true" />
    <input name="cbOnOff" type="hidden" value="false" />
</div>

のようになっていました。

VIEW側で下記のようなbootstrapを用いたトグルボタンを作成しました。
このトグルボタンの選択状況(ON/OFF)をControllerに渡したいのですがどのように実装すればいいでしょうか。

ソースを一部記載致します。

※Controller

    public ActionResult Index()
    {
        var test = Request.Form["cbOnOff"];

        return View();
    }

※View

 <div style="width: 200px; display:inline-flex;">

    @Html.CheckBox("cbOnOff", true, new
    {
        data_toggle = "toggle",
        data_size = "small",
        data_on = "ON",
        data_off = "OFF"
    })
 </div>

※実行時のページソース(チェックボックス部分)

<div style="width: 200px; display:inline-flex;">
    <input checked="checked" data-off="OFF" data-on="ON" data-size="small" data-toggle="toggle" id="cbOnOff" name="cbOnOff" type="checkbox" value="true" />
    <input name="cbOnOff" type="hidden" value="false" />
</div>

のようになっていました。

VIEW側で下記のようなbootstrapを用いたトグルボタンを作成しました。
このトグルボタンの選択状況(ON/OFF)をトグルの切り替わり時にControllerに渡したいのですがどのように実装すればいいでしょうか。

ソースを一部記載致します。

※Controller

    public ActionResult Index()
    {
        var test = Request.Form["cbOnOff"];

        return View();
    }

※View

 <div style="width: 200px; display:inline-flex;">

    @Html.CheckBox("cbOnOff", true, new
    {
        data_toggle = "toggle",
        data_size = "small",
        data_on = "ON",
        data_off = "OFF"
    })
 </div>

※実行時のページソース(チェックボックス部分)

<div style="width: 200px; display:inline-flex;">
    <input checked="checked" data-off="OFF" data-on="ON" data-size="small" data-toggle="toggle" id="cbOnOff" name="cbOnOff" type="checkbox" value="true" />
    <input name="cbOnOff" type="hidden" value="false" />
</div>

のようになっていました。

本文に 525 文字追加
ソース リンク
t28bsai
  • 183
  • 1
  • 11
  • 28
読み込んでいます
ソース リンク
t28bsai
  • 183
  • 1
  • 11
  • 28
読み込んでいます