AJAX (サーバーの問題!) を使用できないため、ページの 2 つの div を表示または非表示にするために DOM + JavaScript に依存する必要があります。
ユーザーが 2 つのラジオ ボタンのいずれかをクリックすると、どちらをクリックしたかに応じて、適切な div が表示されます。
「EU」ラジオボタンを使用すると、何らかの理由で最初のdivが読み込まれますが、「国際」ラジオボタンが機能しません。2 番目のボタンは正しいスクリプトを呼び出し、変数を渡し、さらに EU div を非表示にします。国際的なものは表示されません。
私は途方に暮れています。誰でも助けることができますか?
Javascript:
function displayLocation(loc){
alert(loc)
document.getElementById(loc).style.display = "block"
if (loc == "eu"){
document.getElementById("international").style.display = "none"
}else{
document.getElementById("eu").style.display = "none"
}
}
HTMLラジオボタン
<input type="radio" name="loc" style="float:left;" onclick=displayLocation("eu")>
<input type="radio" name="loc" style="float:left;" onclick=displayLocation("international")>
必要に応じて非表示/表示する Div
<div id="eu" style="display:none;">European Union</div>
<div id="international" style="display:none;">International</div>