前提・実現したいこと
ボタン“A”が押されて、かつ、ボタン”あ”が押された時、“text1”を表示する。と言うような、ラジオボタンの情報を分岐の条件に設定しようとしています。実装時は、5種類の質問に対して、それぞれ2~3の回答ボタンで分岐が必要となります。以下単純なtestケースで躓いています。是非アドバイをお願い致します。
発生している問題・エラーメッセージ
elseの場合のtext2しか表示されない状態です。宜しくお願いします。
<tr id=box1> <th>アルファベット</th> <td> <label><input type=“radio” name=“alp” value=“hoge1” onClick=“alp();”/>A</label> <label><input type=“radio” name=“alp” value=“hoge2” onClick=“alp();”/>B</label> </td> </tr> <tr id=box2> <th>数字</th> <td> <label><input type=“radio” name=“no” value=“hoge3” onClick=“no();”/>1</label> <label><input type=“radio” name=“no” value=“hoge4" onClick=“no();”/>2</label> </td> </tr> </table> <div id=“text1”><p>あああああ</p></div> <div id=“text2”><p>いいいいい</p></div> <script type="text/javascript"> document.getElementById('text1').style.display ='none'; document.getElementById('text2').style.display ='none'; function alp(){ radio=document.getElementsByName('alp') var n = document.getElementsByName('no'); if(radio[0].checked && n[0].cheked){ document.getElementById('text1').style.display ='block'; document.getElementById('text2').style.display ='none'; }else{ document.getElementById('text1').style.display ='none'; document.getElementById('text2').style.display ='block'; }} </script>ソースは```で囲んでください
elseでtext2しか表示されないとのことですが、ソースにはそう書かれているようにしか見えませんが、想定はなんですか?