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

如果你在这里搜索，你会发现它，但为了你的兴趣

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

JSF浏览按钮 - 单选按钮检查

2 个答案: