表題の通り複数あるラジオボタンの選択の組み合わせによってリンク先を変えたいと思っています。
javascript初心者の私が自分でも書いてみたのですが、まだまだ調べながら書いているので、効率的な書き方はないだろうかと考えています。
現在は選択肢が少ないのでこの書き方でもいいのかと思うのですが、増えてくるとなかなか難しいのかなと考えています。
html
1<form name="form1" method="post" target="_blank"> 2<p> 3<input type="radio" name="room">リビング 4<input type="radio" name="room">ベッドルーム 5</p> 6<p> 7<input type="radio" name="book">小説 8<input type="radio" name="book">ビジネス 9</p> 10<input type="button" value="移動" onClick="link()"> 11</form>
javascript
1<script language="JavaScript"> 2function link() { 3 if ( document.form1.room[0].checked == true && document.form1.book[0].checked == true ) 4 window.open("#01.html") 5 if ( document.form1.room[0].checked == true && document.form1.book[1].checked == true ) 6 window.open("#02.html") 7 if ( document.form1.room[1].checked == true && document.form1.book[0].checked == true ) 8 window.open("#03.html") 9 if ( document.form1.room[1].checked == true && document.form1.book[1].checked == true ) 10 window.open("#04.html") 11 } 12</script>
回答1件
あなたの回答
tips
プレビュー