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

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

新規登録して質問してみよう
ただいま回答率
85.50%
ラジオボタン

ラジオボタンはフォームに使われる要素のひとつであり、ユーザに限られた選択肢からひとつの答えを選んでもらうというものです。

JavaScript

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

jQuery

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

HTML

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

1回答

1019閲覧

都道府県のセレクトボックスから選ぶとその都道府県の送料がプラスされるようにしたい

ayashi

総合スコア0

ラジオボタン

ラジオボタンはフォームに使われる要素のひとつであり、ユーザに限られた選択肢からひとつの答えを選んでもらうというものです。

JavaScript

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

jQuery

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

HTML

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2021/11/26 13:40

前提・実現したいこと

都道府県のセレクトボックスがあり、選ぶとその都道府県の送料がプラスされるようにしたい

下記のソースコードのような簡単なお見積りができるものを作っています
ラジオボタンで答える複数の質問に答えるとその値段が出るのですが、
その値段に対してセレクトボックスから都道府県を選択するとその都道府県の送料が足し算されるようにしたいです

JavaScriptがまったく分からないため悩んでいます

ご教示くださいますようお願いします。

該当のソースコード

<style> span { display: block; } span[class="omote-color"] { display: none; } span[class="omote-mono"] { display: none; } span[class="ura-color"] { display: none; } span[class="ura-mono"] { display: none; } span[class="both-color"] { display: none; } span[class="both-mono"] { display: none; } input[data-q1="omote"]:checked~input[data-q2="color"]:checked~span[class="omote-color"] { display: block; } input[data-q1="omote"]:checked~input[data-q2="mono"]:checked~span[class="omote-mono"] { display: block; } input[data-q1="ura"]:checked~input[data-q2="color"]:checked~span[class="ura-color"] { display: block; } input[data-q1="ura"]:checked~input[data-q2="mono"]:checked~span[class="ura-mono"] { display: block; } input[data-q1="both"]:checked~input[data-q2="color"]:checked~span[class="both-color"] { display: block; } input[data-q1="both"]:checked~input[data-q2="mono"]:checked~span[class="both-mono"] { display: block; } </style> <form name="estimate"> <span><strong>印刷する面</strong></span> <input type="radio" name="q1" value="1" data-q1="omote">表面 <input type="radio" name="q1" value="2" data-q1="ura">裏面 <input type="radio" name="q1" value="3" data-q1="both">両面 <span><strong>写真の場合色</strong></span> <input type="radio" name="q2" value="1" data-q2="mono">モノクロ <input type="radio" name="q2" value="2" data-q2="color">カラー <span><strong>ロゴのみ</strong></span> <input type="radio" name="q2" value="3" data-q2="color">銀色 <input type="radio" name="q2" value="4" data-q2="color">金色 <input type="radio" name="q2" value="5" data-q2="mono">黒色 <select name="ship" onchange="calc()"> <option value="2000">北海道</option> <option value="2630">本州</option> <option value="3500">沖縄</option> <option value="8500">離島</option> </select> <span class="omote-color">500 円</span> <span class="omote-mono">200 円</span> <span class="ura-color">500 円</span> <span class="ura-mono">200 円</span> <span class="both-color">1000 円</span> <span class="both-mono">500 円</span> </form>

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

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

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

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

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

gentaro

2021/11/26 14:03

> JavaScriptがまったく分からない まず勉強して何がわからないのか説明できるようになってから出直そう。 ここは無料家庭教師サイトじゃない。 あと投稿前にガイドライン読もう。
BeatStar

2021/11/26 14:08 編集

今の質問では「小説を書きたいです。プロの皆さま、私のために小説を書いてください」みたいなものです。 …いや、小説を書きたいんでしょ? 自分で書くべきじゃない? って言いたくなりますよね。 それに小説の答えはひとつじゃないし、さらにジャンルによっても変わってくる。それを『初心者だからわかんねーんだよ!!!』みたいにするのは…ちょっとどうかと。(直接は言っていないが態度が…) わからないのなら入門書を読むなりして考えるべきでは?
hentaiman

2021/11/26 14:29

jqueryを利用しつつラジオボタンで組み替えたいという事ですかね タグ的に。
guest

回答1

0

JavaScriptがまったく分からない

CSSはわかるということだと思います。
omote-coloromote-color-hokkaidoなどとして場合分けを増やせば、JavaScriptを使わずに実装できるのではないでしょうか。


もし、JavaScriptで書きたいということでしたら、「select 合計 javascript」でググるといろいろ出てきますので、参考にされるのがいいかと思います。
その場合、現状のCSSで合計を出す部分は諦めて、最初から作り直すことをおすすめします。

投稿2021/11/27 00:53

編集2021/11/27 04:17
Lhankor_Mhy

総合スコア35865

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問