同意するボタン

質問

どうしてもわからないので助けてくださいませ～～

「同意する」でチェックボックスにチェックが入ると
お問い合わせフォームにとぶボタンをつけたいのですが、

「同意する」のチェックボックスは一つで
ボタン（リンク先
は別々）は2つにしたいのですが可能でしょうか。

以下のページの「次へ」が2つあるような感じです。
※リンク先は別々

https://www.fsa.go.jp/sesc/watch/

どうぞよろしくお願い致します

回答No.1

yambejp · ベストアンサー

飛び先が２個所ある場合フォームをわける方法と、飛び先をjavascriptで
書き換える方法があります。
前者は、厳密には同意のチェックボックスが一つでは
無理がありますが、精度が低くてよいなら以下のようなものでいけるでしょう。
後者は、同じフォーム内でやる分もっと効率的な書き方ができます
ただ、同意をちゃんととるなら同意専用のページをつくらないと
本当に同意したかどうかを担保することはできませんよ

<script>
window.onload=function(){
check(document.getElementById("doui"));
}
function check(obj){
document.getElementById("b1").disabled=!obj.checked;
document.getElementById("b2").disabled=!obj.checked;
}
</script>
<input type="checkbox" name="doui" value="1" sonclick="check(this)" id="doui"><label for="doui">同意する</label>

<form action="http://www.yahoo.co.jp">
<input type="submit" value="yahoo" id="b1">
</form>
<form action="http://www.google.co.jp">
<input type="submit" value="google" id="b2">
</form>

回答No.2

神崎 渉瑠（@taloo）

display:noneをJavaScriptでセットするようにしないと、
スクリプトオフ、CSSオン環境では同意するボタンを押せなくなります（押した事にならなくなります）。

<p>
<input type="checkbox"
onclick="document.form1.chk.checked=document.form2.chk.checked=this.checked;">
同意する
</p>

<form action="" name="form1" id="form1" onsubmit="return this.chk.checked;">
<label style="display:none;"><input type="checkbox" name="chk" value="1">同意する</label>
<input type="submit" value="次へ:1">
</form>

<form action="" name="form2" id="form2" onsubmit="return this.chk.checked;">
<label style="display:none;"><input type="checkbox" name="chk" value="1">同意する</label>
<input type="submit" value="次へ:2">
</form>