先輩JSを切ったら、「切り替え」の設定自体も切れるから、非表示の項目も当然表示されたままになる。...にも関わらず、「必須」という項目名がついてしまってる。先輩ユーザーからしたら「えっ!?」ってなるよね。JSを切ってる人ってそんなにいないんじゃ...先輩いや、これ申し込みフォームやで。先輩ユーザーをふるいにかけることは許されへん。対象のユーザーが1%未満であろうとも。先輩なので、JSを切ってる人が「個人」を選択した場合、「これらの項目は入力不要ですよー」っていうのを伝える必要がある。具体的な方法としては、JS無効時には、特定の項目の「必須」を「〇〇のみ必須」という文言に切り替わる様にする。先輩で、”やり方”やけど、すでに主要サービスは”そういった”仕様になってるから、それを参考に修正して。それでは、設定方法について書いていきます。タグにクラス名「no-js」を付与します。(JavaScript(以下、JS)ライブラリのModernizr(モダナイザー)を利用している場合は、デフォでこういった設定になっているかと思います。--></body></html>↓<th>タグ内に”JS有効/無効時”の文言を2つとも記述し、別々のクラス名を付与します。type="text"></td></tr></table></body></html>ぼくちなみにJSが有効な時は「必須」が。無効の時は「〇〇のみ必須」が表示されます。続いて、JSが有効になっている時は、「no-js」クラスが削除される様、jQueryのremoveClassメソッドを記述します。最後に、表示/非表示の設定をCSS側で行います。}ぼくJSが無効になった時点で、「no-js」クラスが全要素に付与されます。「必須/〇〇のみ必須」に付与したクラス名の冒頭に「.no-js」をつけることによって、文言を切り替えることができます。↓上述のコードを全てまとめるとこんな感じ。<title>JS有効/無効でフォームの必須項目の文言を切り替える方法。charset="UTF-8"><title>JS有効/無効でフォームの必須項目の文言を切り替える方法。type="text"></td></tr></table></body></html>これで、JSの有効/無効でフォームの必須項目の文言が切り替わります。説明すると...ページの全要素にクラス名「no-js」が付与されているものの、JSが有効の時は、removeClassメソッドが呼び出され、「no-js」は削除される。JSが無効の時は、removeClassメソッドが呼び出されない為、ページの全要素に「no-js」は付与されたまま。JSが有効な時は「no-js」がつかない。逆に無効の時は「no-js」がつく。それを利用し、CSS側の設定で項目の表示を切り替える。仕組みを知れば知るほど細かい所まで配慮されてるなーと感心する今日この頃。思考力(?)の低さを何とかしたいと思いつつ、一体どれ位の時を経れば、先輩たちと肩を並べることができるんだろうか...とも思う日々。ぼく救いは、全員同じ道を通ってきてるってこと。コメントをキャンセルコメントを投稿するにはログインしてください。コメントデータの処理方法の詳細はこちらをご覧ください。LINKいまいち関西在住のWEB屋。血液型を聞かれ答えると「だと思った!」と高確率で言われる人。好きな言葉は「学問なき経験は、経験なき学問に勝る。飛行機・新幹線・バスで比較してみた。バス・タクシー・徒歩、それぞれのルートでまとめてみた。views【職業訓練-試験編】出題された試験内容(筆記・面接)・当日の流れをまとめてみた。写真を交え簡単に解説。半地下の家族」で韓国社会の実態を知る。【感想・レビュー】ワークスタットミュンヘン|どんなコーデにもハマるシンプルなネックレスを購入。