【JavaScript】フォームでクリックしたものによってそれぞれ異なるページに飛ばす方法2015.10.04JavaScriptフォームを設置した際に、ラジオボタンやチェックボックスでクリックしたものに対してそれぞれ異なるページに飛ばす...なんてこともサイトを制作する上で必要になってくる場合があります。まとめJavaScriptのコードはこちらまず、上のシステムを実装するためには以下のようなコードを記述する必要があります。onclick="test()"></form>上のようなコードを当てはめることでシステムを実装できます(^^)詳しくは以下になります。onclick="test()">のonclic="test()"と連動しています。aaa(){になる...ということですね。name="move"><label>ページ1に移動</label>のname="move"と連動します。form.bbbになる...ということになります。上の内容はシステムを動かす上では重要な部分なので、実装する際には間違えないようにしましょう。クリックしたものによって飛ぶページを指定する続いてシステムの根幹となる、クリックしたラジオボタンによって飛ぶページを指定するところの解説になります。name="move"><label>ページ1に移動</label>のvalue="1"と連動しています。"2":となる...という訳ですね。このように指定することで、どのラジオボックスにチェックを入れた状態でボタンを押したかによってその条件に当てはまったページに飛ばすことができるようになる...ということになります!【寄り道】飛ばしたいページを別タブに表示させるには?最後にオマケ的な感じで紹介するものとして、上の見本は同じタブに飛ばしたページが表示されるようになっていますが、時には下のようにボタンを押した時に別タブで飛ばしたいページを表示させたい場合が出てくるかと思います。break;という風にwindow.open("~");と記述することで別タブで表示させれるようになります(^-^)まとめ以上がクリックしたラジオボタンによって飛ばしたいページをわけるJavaScriptの構文になります。