Кнопка просмотра JSF - проверка переключателя

Question

Я использую библиотеку томагавков для кнопки обзора в моем проекте.

Просмотр кода кнопки.

<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 для блокировки.кнопка обзора.

Например:

<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

Если вы ищете здесь, вы найдете его, но для вашего интереса

    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')
       }
      }
    }