Question

我试图通过Javascript操作primefaces单选按钮。

对于标准单选按钮，我只需更改输入元素的checked属性：

jQuery(".myselector input")[0].checked = true
jQuery(".myselector input")[0].checked = false

之后，按钮返回初始状态（未选择任何项目）。

使用primefaces单选按钮，更改checked属性似乎没有任何效果。我可以通过在相应的事件上生成click事件来选择特定的单选按钮标签：

jQuery(".mygroup-selector label").get(0).click()

但是，我正在寻找恢复初始状态的方法，即取消全部状态项目。怎么办呢？

Answer 1

尝试：

$(".myselector input").prop('checked', false);
// Note that the pre-jQuery 1.6 idiom was
// $(".myselector input").attr('checked', false);
OR
$(".myselector input").removeAttr("checked");
OR
$(".myselector input").val("");

Answer 2

我发现执行此操作的最佳方法是操纵基础checked属性然后手动触发changed事件。然后事件处理程序将自动更新UI类：

$(".myselector input").prop("checked", false)
$(".myselector input").change()

但是，其他更改事件处理程序也会运行，根据情况可能会产生副作用。

显然，Primefaces（或者它使用的任何js组件）应该真正为此提供适当的客户端API ...

在javascript中操作Primefaces单选按钮

2 个答案: