[解決済み] チェックボックスをループして、チェックされているもの、チェックされていないものをそれぞれカウントする
2023-04-15 21:21:42
質問
ちょっとした問題に遭遇しました。以下、簡単に説明します。
標準的なフォームに12個のチェックボックスがあります。私が行う必要があるのは、それらのそれぞれをループして、どれがチェックされ、どれがチェックされていないかを知ることです。
これを使用して、私はデータベースのフィールドに入力する文字列を作成することができます。以下はその例です。
(チェック1 - チェック済み)
(チェック2 - チェックなし)
(チェック3 - チェックあり)
1,0,1
ここまでで、こんな感じのコードになりました。
$('input[type=checkbox]').each(function () {
if (this.checked) {
console.log($(this).val());
}
});
チェックされたものだけが戻され、すべてではないことを除けば、完璧に動作します。
どのように解決するのですか?
表示した通りの形式で結果文字列を構築するには、次のようにします。
var sList = "";
$('input[type=checkbox]').each(function () {
sList += "(" + $(this).val() + "-" + (this.checked ? "checked" : "not checked") + ")";
});
console.log (sList);
しかし、私は@SLaksと同意見で、これをデータベースに格納する構造を再考する必要があると思います。
EDIT : 申し訳ありません、私はあなたが探していた出力形式を読み間違えていました。以下は更新情報です。
var sList = "";
$('input[type=checkbox]').each(function () {
var sThisVal = (this.checked ? "1" : "0");
sList += (sList=="" ? sThisVal : "," + sThisVal);
});
console.log (sList);
関連
-
[解決済み] jQueryの各ループから抜け出すには?
-
[解決済み] セレクトボックスのオプションをすべて削除してから、オプションを1つ追加して、jQueryで選択するにはどうすればよいですか?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] jQueryで同じクラスを持つ要素をループさせる
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] HTMLチェックボックスのチェックを外してPOSTする
-
[解決済み】jQueryでdiv内のチェックボックスの一覧を取得する。
-
[解決済み】jQueryでチェックされていないチェックボックスをすべて検索する
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] jQueryでloading spinnerを表示するには?
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQuery OR Selector?
-
[解決済み] jQueryを使用して要素の型を検索する