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