單選按鈕JavaScript驗證

Question

我有2個單選按鈕A和B。B按鈕也有一個文本字段。

默認情況下，下一個按鈕是隱藏的，在以下情況下應顯示

1. 如果用戶單擊按鈕A
2. 用戶單擊按鈕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>

Answer 1

您的第一個if語句中有一個語法錯誤-您打開的括號比關閉的要多。

單選按鈕始終具有一個value ，因此您不能僅通過檢查該值來檢查其狀態。 您需要檢查其checked屬性。

你也不需要同時if S，一個else的第一if是比較合適的，因為你基本上只有兩個可能的結果（顯示“下一步”按鈕，或隱藏）。

這是固定代碼的工作演示 。