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

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

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

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

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

jQuery

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

Q&A

解決済

1回答

250閲覧

jQueryで1つ前の質問がチェックされた時にエラー文を隠したい

shin12t

総合スコア25

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

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

jQuery

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

0グッド

0クリップ

投稿2022/06/16 02:45

編集2022/06/16 03:45

html

1<div class="q1"> 2 <div class="q-num">質問1</div> 3 <p class="q-txt">あなたは朝食で主に何を食べますか?</p> 4 <ul> 5 <li><label><input name="q1" type="checkbox">ごはん・パン</label></li> 6 <li><label><input name="q1" type="checkbox">麺類</label></li> 7 <li><label><input name="q1" type="checkbox">揚げ物</label></li> 8 </ul> 9</div> 10<div class="q2"> 11 <div class="q-num">質問2</div> 12 <p class="q-txt">運動は苦手ですか?</p> 13 <div class="radio_btn"> 14 <input name="q2" type="radio" id="q2-1" disabled><label for="q2-1">Yes</label> 15 <input name="q2" type="radio" id="q2-2" disabled><label for="q2-2">No</label> 16 </div> 17 <p class="error_txt1">質問1を選択してください。</p><!-- エラー文 ---> 18</div>

javascript

1$(function(){ 2 // 初期状態のボタンは無効 3 $('input[name="q2"]').prop('disabled', true); 4 // チェックボックスの状態が変わったら(クリックされたら) 5 $('input[name="q1"]').on('change', function () { 6 // チェックされている数が1と同じか1以上だったら 7 if ($("input[name=q1]:checked").length >= 1) { 8 // ボタン有効 9 $('input[name="q2"]').prop("disabled", false); 10 $('error_txt1').hide(); // q1がチェックされたらエラー非表示 ※これを書く場所がおかしい? 11 } else { 12 // ボタン無効 13 $('input[name="q2"]').prop("disabled", true); 14 } 15 }); 16     $('.q2').click(function() { 17 // q1のチェックされている数が0か0以下だったら 18 if ($('input[name=q1]:checked').length >= 0) { 19 // エラー表示 20            $('.error_txt1').show(); 21 } else { 22 // エラー表示しない 23 $('error_txt1').hide(); 24 } 25 });

条件を別に記述する方が良いのでしょうか?
それとも別の方法がありますか?

質問2の解答(エリア)をクリックした際に質問1を答えてなければ、エラー文を表示し、
その後に質問1を答えた場合に、質問2のエラー文を非表示にしたいです。

どなたかご教示いただければ幸いです。

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

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

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

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

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

yambejp

2022/06/16 03:04

一つ前という定義が曖昧です。 HTMLの構造やclassの付け方で調整することになりそうですが
shin12t

2022/06/16 03:44

すみません、質問が2つありまして、 質問2の解答(エリア)をクリックした際に質問1を答えてなければ、エラー文を表示し、 その後に質問1を答えた場合に、質問2のエラー文を非表示にしたいです。
yambejp

2022/06/16 03:55

選択するたびに順位表示されるようにした方がユーザーに優しくないですか?
shin12t

2022/06/16 04:19

それは自分も思うんですが、クライアントがこのやり方がいいと・・・。
guest

回答1

0

ベストアンサー

セレクタが正しくないと思います。
クラス名をセレクタとして指定するには「.」が必要です。

js

1$('.error_txt1').hide();

投稿2022/06/16 04:07

Matsumon0104

総合スコア1005

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

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

shin12t

2022/06/16 04:21

凡ミスでした・・・ありがとうございます・・・
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問