如何使用 javascript 或 rich:jQuery 检测 h:selectOneRadio 中单击了哪个单选按钮？

Question

如何使用 javascript 或 jquery 检测 h:selectOneRadio 中单击了哪个单选按钮？

我已经可以使用托管 bean 的 valueChangeListener 和 a4j:support 来做到这一点。 我想要的不是去服务器而只是为了性能而使用jquery，因为有时 服务器响应返回之前需要一段时间。

我想要的是，当单击单选按钮时，它将禁用我的一些组件。

这是代码。

<h:selectOneRadio id="isPrivate" valueChangeListener="#{someBean.changeRadio}">
                    <a4j:support event="onchange" reRender="sp" />            
                    <f:selectItem id="isPrivate0" itemLabel="No" itemValue="false"/>
                    <f:selectItem id="isPrivate1" itemLabel="Yes" itemValue="true"/>         
                </h:selectOneRadio>

提前致谢。 :)

Answer 1

最好将更改事件附加到文档加载时列表中的每个单选按钮。

$(function()
{
    $('table[id$="isPrivate"] input:radio',this).each(function (){ 
                $(this).change(function (event) { 

                //do disabling here
                //$(this).val() - will return the value of radiobutton
                });
    }); 
});

Answer 2

使用 jQuery：

jQuery('input[name=isPrivate]:checked').val()

示例：

if (jQuery('input[name=isPrivate]:checked').val() == "true") {
    //yes
}

Answer 3

您必须找到 JSF 生成的 元素，并使用 jQuery 的 change 事件。 href="http://api.jquery.com/change/" rel="nofollow">.change()。