disabledのcheckboxをフォームの送信対象に含めたい

Question

前回ご質問した件で、div内のcheckboxをdisabledにしたい、という内容は解決しました。
https://teratail.com/questions/250272

以下、のように記載しました。

$(function(){
  $('#hoge :checkbox').prop('disabled',true);
});

ただ、checkboxにチェックが入っている状態ものもあり、この状態でdisabledにするとフォームの送信対象に含まれません。
hiddenで設定すれば良いのですが、div内のcheckboxの数も多く、nameなども複数あるので、個別で書いていくのは難しそうです。

div内のcheckboxの値を全部hiddenに設定することは可能でしょうか。
ご教示お願いいたします。

Comments

[kei344]

質問タグが「JAVA」になっていますが、「JavaScript」です。

[Discord]

失礼しました！修正しました。

[Eggpan]

disabledの場合にvalueを送信してしまうと、未チェックでも同じvalueが飛んでくることになるため、チェック有無の判定がつかなくなりますが、どのように処理される想定でしょうか？

Answer 1

利用方法によりますがsubmit直前にdisabledを解除する方法もあります。

Comments

[Discord]

そういった方法もあるのですね。
あまりイメージがわかずですが、ちょっと調べてみたいと思います。

Answer 2

div内のcheckboxの値を全部hiddenに設定することは可能でしょうか。

送信前にチェックされている要素を取得して、そのname/valueをつかった要素を作ればよいです。

Comments

[Discord]

ありがとうございます。やってみます。

[Discord]

うまくいきました！ありがとうございます！