Кнопка просмотра 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 и проверить его checked состояние в onclick поля файла и если это false, тогда отобразите сообщение (предупреждение?) и верните 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') 
     } 
     } 
    }