C# checkboxとhiddenの値をContlloerに渡す方法を教えてください

Question

###前提・実現したいこと

C#のMVCについての質問です。
formタグで囲まれたhtmlとContlloerのメソッドを用意しました。
このときにcheckboxにチェックした値とチェックしたcheckboxと対になるhiddenの値をContlloerに渡す方法を教えてください。

###Html
@foreach (var item in Model)
{

<li> <input type="hidden" name="hidName" value="@item.hidVal"/> <input type="checkbox" name="cheboxName" value="@item.chkBoxVal"/>@item.chkBoxVal </li> } <input type="submit" value="送信" />

###Contlloer
public ActionResult Result(string[] hidName, string[] cheboxName){
//何かしらの処理
}

###例
cheboxName[1]とcheboxName[2]にチェックをつけて送信する際、hidName[1]、cheboxName[1]、hidName[2]、cheboxName[2]の値をコントローラーに渡し、hidName[0]、cheboxName[0]を渡さないようにしたいです。
<input type="hidden" name="hidName[0]" value="…" />
<input type="checkbox" name="cheboxName[0]" value="…" />
<input type="hidden" name="hidName[1]" value="…" />
<input type="checkbox" name="cheboxName[1]" value="…" />
<input type="hidden" name="hidName[2]" value="…" />
<input type="checkbox" name="cheboxName[2]" value="…" />

###試したこと
このときにチェックボックスにチェックされた複数の値(item.chkBoxVal)と対応するhidNameの複数の値(item.hidVal)をConrlloerのメソッドに渡す方法を教えてください。
やり方としてはJavaScriptとajaxを使う方法しかないでしょうか。ajax以外の方法があれば教えてください。
(ajaxでは例えば、以下のような処理を行う?
以下のようなコードでできそうかも教えて頂ければ幸いです。
var formData = new FormData();
$('input[name=chkboxName]:checked').each(function(index){
var index = $('input[name='cheboxName']').index(this);
formData.append( 'hidName', $('input[name='hidName']').eq(index).val());
formData.append( 'cheboxName', this.val());
}
$.ajax({
url: 'Result',
type: 'POST',
datatype: 'json',
data: formData
});
)

以上、よろしくお願い致します。

Comments

[退会済みユーザー]

asp.net のタグをつけていただくようお願いします。

[reprepjqu]

asp.net のタグを付けました。ご指摘ありがとうございます。

Answer 1

ASP.NET MVC アプリで、複数のチェックボックスをレンダリングし、ユーザーがチェックを入れて POST したとき、どのチェックボックスがチェックされているか/いないかの状態を Controller のアクションメソッドで取得できればいいのですよね。

であれば、自力で input type="hidden" / input type="checkbox" をレンダリングするコードを書くより、Html.EditorFor を使うのがお勧めです。

具体例は以下の記事を見てください。

複数の CheckBox の状態を取得
http://surferonwww.info/BlogEngine/post/2017/07/02/obtain-posted-conditions-of-multiple-checkboxes-in-aspnet-mvc.aspx

Comments

[reprepjqu]

ご回答ありがとうございます。
教えて頂いたHtml.EditorForについて調べてました。
@Html.CheckBoxFor(model => model.name1)
とすると
<input type="checkbox" name="abc1" checked="true" />
<input type="hidden" name="abc1" value="false" />
が生成されますが、もし、以下のように1つのcheckboxのチェックに対してhiddenの値を二つにした場合は自力でコードを書くしかないですかね?
@foreach (var item in Model)
{
<li>
<input type="hidden" name="hidName1-1" value="@item.hidVal1-1"/>
<input type="hidden" name="hidName1-2" value="@item.hidVal1-2"/>
<input type="checkbox" name="cheboxName" value="@item.chkBoxVal"/>@item.chkBoxVal
</li>
}

[退会済みユーザー]

> hiddenの値を二つにした場合は自力でコードを書くしかないですかね?

何がしたいんですかね？　いままでの話にはなかったことが突然出てきて、一体何をしたいのか分かりません。局所的な質問だけでなく、全体的なシナリオ・ストーリを含めてあなたのやりたいことを書いてください。

[reprepjqu]

失礼しました。
やりたいことをまとめてから再度質問させて頂きます。
ありがとうございました。

Answer 2

同じ名前を付ければ配列で取得できます。

<input type="hidden" name="hidName" value="…" />

Comments

[reprepjqu]

hiddenとcheckboxを同じnameにするということでしょうか?