[解決済み] jQueryのserializeでチェックボックスが登録されない
2023-06-14 20:06:09
質問
jQuery.serializeを使って、フォームのすべてのデータフィールドを取得しています。
私の問題は、それがチェックされていないチェックボックスを取得しないことです。
このようなものがあります。
<input type="checkbox" id="event_allDay" name="event_allDay" class="checkbox" checked="checked" />
ただし、これは
<input type="checkbox" id="event_allDay" name="event_allDay" class="checkbox" />
チェックされていないチェックボックスの値("values")を取得するにはどうしたらよいですか?
どのように解決するのですか?
jQuery
serialize
は、リクエストのクエリ文字列または POST ボディに追加される前に、標準的なフォームがブラウザによってシリアライズされる方法に酷似しています。 チェックされていないチェックボックスはブラウザに含められませんが、これはチェックボックスがブール値の状態を持っているため、実に理にかなっています。
もしそれがシリアライズされたものである必要があるなら、「なぜ?
もしJavaScriptがフォームデータをシリアライズする方法が、ブラウザが行う方法と異なる動作をするならば、フォームのための優雅な劣化の可能性を排除することになることを心に留めておいてください。 それでもどうしてもシリアル化が必要な場合は
<select>
ボックスを使い、オプションとしてYes/Noを指定します。少なくとも、JS を無効にしたユーザーがサイトから疎外されることはありませんし、HTML 仕様で定義された動作に逆らうこともありません。
<select id="event_allDay" name="event_allDay">
<option value="0" selected>No</option>
<option value="1">Yes</option>
</select>
過去にいくつかのサイトで採用されているのを見たことがありますが、いつも思うのです。 なぜ彼らはチェックボックスを使わないのだろう。 ?
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] セレクトボックスのオプションをすべて削除してから、オプションを1つ追加して、jQueryで選択するにはどうすればよいですか?
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] jQuery removeClass ワイルドカード
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQuery OR Selector?
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。
-
[解決済み】jQueryでRSSをパースする。