自动选择 jsf 数据表中的 h:checkbox答案

【问题标题】：auto select of h:checkbox in jsf datatable自动选择 jsf 数据表中的 h:checkbox
【发布时间】：2013-10-25 05:48:05
【问题描述】：

我有一个数据表，其中第一列和第二列是复选框，第一列是多选，第二列是单选，我已经完成了，现在，当用户单击默认的第二个复选框时，我必须自动选择第一个 chckbox。因为我是 javascript 新手，请协助。下面是我的数据表

<h:dataTable value="#{roundingBean.elementDetailsDTOList}" var="v"  styleClass="updateitem">
<h:column>
    <f:facet name="header"> Select</f:facet>
        <h:selectBooleanCheckbox id="checkBox" value="#{v.isCheckBoxSelected}"  />
</h:column>

<h:column>
    <f:facet name="header"> Default Category</f:facet>
    <h:selectBooleanCheckbox id="radio" value="#{v.isRadioSelected}"  onclick="dataTableSelectOneRadio(this);"/> 
</h:column>

<h:column>
    <f:facet name="header"> Category</f:facet>
        #{v.categoryName}
    </h:column>

【问题讨论】：

小提琴会更有帮助...

标签： javascript jquery jsf-2

【解决方案1】：

你可以这样做：

<h:selectBooleanCheckbox id="checkBox" value="#{v.isCheckBoxSelected}" onclick="document.getElementById("radio").checked = true;" />

【讨论】：

你需要自己调试。查看浏览器的源代码，查看 id 是否真的是无线电，并相应地进行更改。它应该可以工作，但你也必须做一些工作

【解决方案2】：

你必须在这里得到 css 和 jquery 的帮助。如果 ElementDetailsDTO 中有唯一的 id 变量，请使用它为复选框定义一个 css 类。

<h:selectBooleanCheckbox id="checkBox" value="#{v.isCheckBoxSelected}" styleClass="#{v.id}StyleClass" />

然后为单选按钮添加一个 onselect 属性，如下所示

<h:selectBooleanCheckbox id="radio" value="#{v.isRadioSelected}"  onclick="$('.#{v.id}StyleClass').prop('checked',true)"/>

不建议使用 id 属性获取数据表中的元素，因为在生成的实际 html 中，这些 id 将以表 id 和列 id 为前缀。

【讨论】：