需要在 JSF 中使用单选按钮 onclick 调用 JavaScript 函数

Question

我在名为 showSearchAccount() 的 Common.js 文件中定义了一个 JavaScript 函数，该函数在调用时会显示一个弹出窗口。我还在 xhtml 文件中定义了两个单选按钮；

 <h:selectOneRadio value="#{userData.data}">
            <f:selectItem itemValue="Yes" itemLabel="Yes" />
            <f:selectItem itemValue="No" itemLabel="No" />
 </h:selectOneRadio>

当我单击是单选按钮时，我需要弹出窗口，但如果我将 onclick 或 onchnage 放在第一个 selectItem 标记弹出窗口未出现。如果我将 onclick 放在 selectOneRadio 标记中，它可以工作，但它会同时启用，即是和否。

我已经用纯 html 尝试过这个东西，它就像魅力一样。但我需要它与 JSF 一起工作。谁能帮忙。

Answer 1

您可以在<h:selectOneRadio> 设置onclick 事件，然后决定将在javascript 函数中显示什么弹出窗口。我尝试了下面的代码并且成功了：

XHTML：

<h:form>
        <h:selectOneRadio onclick="showPopUp(this.value)">Select:
            <f:selectItem itemValue="y" itemLabel="Yes" />
            <f:selectItem itemValue="n" itemLabel="No" />
        </h:selectOneRadio> 
    </h:form>

JS：

function showPopUp(type) {
    //console.log(type);
    switch( type) {
        case 'y' : alert('pop up y!');  <--- call your function here for pop A
                   break;
        case 'n' : alert('pop up n!');  <--- call your function here for pop B
                   break;
    }   
}