JSF瀏覽按鈕 - 單選按鈕檢查

Question

我正在使用tomahawk庫瀏覽我的項目按鈕。

瀏覽按鈕代碼。

<td><t:inputFileUpload id="file" value="#{sampleService.file}" 
      valueChangeListener="#{sampleService.file}" /></td> 

單選按鈕代碼

<td><input type="radio" /> This is compulsory</td> 

我想在這裏放了驗證，如果用戶未選中的單選按鈕， 應該顯示一條消息，以檢查單選按鈕。

感謝您的幫助

Answer 1

給單選按鈕固定id，並在文件中的字段的onclick檢查其checked狀態如果它是false，則顯示一條消息（alert？）並返回false以阻止瀏覽按鈕。

E.g.

<t:inputFileUpload id="file" value="#{sampleService.file}" valueChangeListener="#{sampleService.file}" 
    onclick="if (!document.getElementById('compulsory').checked) { alert('Please check radio button'); return false; }" 
/> 
<input type="radio" id="compulsory" /> This is compulsory 

你也可以把它包在一個JS函數：

function checkCompulsory() { 
    if (!document.getElementById('compulsory').checked) { 
     alert('Please check radio button'); 
     return false; 
    } else { 
     return true; 
    } 
} 

與

<t:inputFileUpload id="file" value="#{sampleService.file}" valueChangeListener="#{sampleService.file}" 
    onclick="return checkCompulsory()" 
/> 
<input type="radio" id="compulsory" /> This is compulsory 

Answer 2

如果你搜索在這裏你會找到它，但你intrest

var radios = document.getElementsByTagName('input'); 
    var value; 
    for (var i = 0; i < radios.length; i++) { 
     if (radios[i].type === 'radio'){ 
      if(radios[i].checked) { 
      // get value, set checked flag or do whatever you need to 
      value = radios[i].value;  
     } else { 
       alert('This is compulsory') 
     } 
     } 
    }