1. ホーム
  2. html

[解決済み] HTMLチェックボックスのチェックを外してPOSTする

2022-03-16 08:32:53

質問

デフォルトでチェックされているチェックボックスをたくさん持っています。ユーザーはおそらく、いくつかのチェックボックスのチェックを外し、残りのチェックボックスをチェックしたままにすると思います。

のチェックボックスをPOSTさせる方法はありますか? ではない がチェックされているのではなく をチェックしたのですか?

解決方法は?

チェックボックスの隠し入力を別のIDで追加する。

<input id='testName' type='checkbox' value='Yes' name='testName'>
<input id='testNameHidden' type='hidden' value='No' name='testName'>

フォームを送信する前に、チェックした条件に基づいて隠し入力を無効にします。

if(document.getElementById("testName").checked) {
    document.getElementById('testNameHidden').disabled = true;
}