###前提・実現したいこと・発生している問題
はじめまして。javascript初心者です。自分なりに調べてみたのですが解決しないので質問させてください。
javascriptで、ページ内のボタン二つに対し、一つのアラートを表示したいと思っております。
a群のボタン
id=a1 id=a2
b群のボタン
id=b1 id=b2
がある時、a群とb群からひとつずつ選んで、アラートがその結果で変わるようにしたいです。
例えば「#a1」と「#b1」を押してからエンターをクリックした時に「これはa1とb1です」、「#a1」と「#b2」を押してからエンターをクリックした時に「これはa1とb2です」、「#a2」と「#b1」を押してからエンターをクリックした時に「これはa2とb1です」…のようにしたいと思っております。
ボタンを1つしか押さない場合は「.enter」を押しても何もアラートが出ないようにしたいです。
また、該当部分のjavascriptは省略しておりますが、各ボタンをクリックすると色が変わるようにしております。
###該当のソースコード
jabascript
1<script> 2$(function(){ 3$(".enter").click(function(){ 4if($('#a1' && '#b2')){ 5alert('これはa1とb2です'); 6} 7}); 8}); 9</script>
html
1<div id="content"> 2 <form> 3 <div class="agun"> 4 <p> 5 <input type="button" id="a1" /> 6 <input type="button" id="a2" /> 7 </p> 8 </div> 9 <div class="bgun"> 10 <p> 11 <input type="button" id="b1" /> 12 <input type="button" id="b2" /> 13 </p> 14 </div> 15 <div> 16 <p> 17 <input type="button" value="入力" class="enter" /> 18 <input type="reset" /> 19 </p> 20 </div> 21 </form> 22</div>
###試したこと
javascriptの
if(&('#a1' && '#b2'))
の部分を、
if(&('#a1#b2'))
if(&('#a1 , #b2'))
などにしてみたのですが解決できませんでした。
どうぞよろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー