質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.38%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

834閲覧

テーブル構造の入力フォームで変更のある列のみをsubmitしたい

_takenoko

総合スコア18

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/03/23 18:14

前提・実現したいこと

複数のデータを纏めてsubmitしてdbを更新するプログラムを作成しています。
三つの項目の内一つでも更新があればsubmitしたいのです。

該当のソースコード

html

1<form method="post" action="" id="table_form"> 2<tr table_id="1"> 3 <td><input type="checkbox" name="table[1][check]" value="1"></td> 4 <td><select name="table[1][select]"> 5 <option value="" selected>選択してください</option> 6 <option value="1">a</option> 7 <option value="2">b</option> 8 <option value="3">c</option> 9 </select></td> 10 <td><input type="text" name="table[1][text]"></td> 11</tr> 12 13<tr table_id="2"> 14 <td><input type="checkbox" name="table[2][check]" value="2"></td> 15 <td><select name="table[2][select]"> 16 <option value="" selected>選択してください</option> 17 <option value="1">a</option> 18 <option value="2">b</option> 19 <option value="3">c</option> 20 </select></td> 21 <td><input type="text" name="table[2][text]"></td> 22</tr> 23 24<tr table_id="3"> 25 <td><input type="checkbox" name="table[3][check]" value="3"></td> 26 <td><select name="table[3][select]"> 27 <option value="" selected>選択してください</option> 28 <option value="1">a</option> 29 <option value="2">b</option> 30 <option value="3">c</option> 31 </select></td> 32 <td><input type="text" name="table[3][text]"></td> 33</tr> 34</form> 35<button class="submit_button">

試したこと

複数あるチェックボックスから、チェックされているものという指定は下記のjsで取得できるのは分かったのですが、複数の要素がある場合どのようにすれば良いかわからない状態です。
let check = $('input[name=check]:checked').map(function(){
return $(this).val()
}).get();

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2020/03/24 00:58

tableタグがない、buttonがformの中にないのをなんとかしてください。 それぞれが独立したtableとformなのか、 全部で一つのtableとformなのか判断が付きません チェックボックス、セレクトボックス、テキストボックスのどれかが デフォルト値と違えばsubmitボタンが押せるという仕様ですか?
guest

回答2

0

ベストアンサー

form 属性が指定されているものとして

HTML

1<button class="submit_button" form="table_form">

https://developer.mozilla.org/ja/docs/Web/HTML/Element/button

すべきことはチェックボックスによる disabled の制御だけです。無効な状態の要素は送信されません。

jQuery

1$(function() { 2 $('tr input[type="checkbox"]').on('change', function(event) { 3 const target = $(event.target); 4 $('select,input[type="text"]', target.closest('tr')).prop('disabled', !target.prop('checked')); 5 }).trigger('change'); 6});

https://developer.mozilla.org/ja/docs/Web/API/HTMLSelectElement#Properties

投稿2020/03/24 09:12

x_x

総合スコア13749

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

画面内にある全てのチェックボックスであれば、input[type="checkbox"]で取れそうに思います。
jQueryリファレンス:[ 属性名 = '値' ]

投稿2020/03/23 21:11

編集2020/03/23 21:12
m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.38%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問