2つのラジオボタンAとBがあります。Bボタンにも1つのテキストフィールドがあります。
デフォルトでは、次のボタンは非表示になっており、次の場合に表示されます。
- ユーザーがボタンAをクリックした場合
- ユーザーがボタンBをクリックし、テキストフィールドにテキストを入力します
私はこれを試してみます:
JavaScript
window.onload=function(){
document.getElementById("next").style.display='none';
}
function shownext(){
var A = document.getElementById('A').value;
var B = document.getElementById('B').value;
var name = document.getElementById('name').value;
if(A != "" || (B != "" && name != "")){
document.getElementById("next").style.display='block';
return false;
}
if(A == "" && B == "" && name == ""){
document.getElementById("next").style.display='none';
return false;
}
}
HTML
<input type="radio" name="A" id="A" value="A" onClick="shownext();"/>
<input type="radio" name="A" id="B" value="B" onClick="shownext();"/>
<input type="text" name="name" id="name" onKeyDown="shownext();" onKeyUp="shownext();"/>
<a href="#q2" id="next"><img src="next.png"/></a>