JSF复选框全选问题
JSF 中复选框h:selectBooleanCheckBox 标签的用法如下:
另外一个问题,
用javascript获取所有选种的checkbox的值
var boxes = document.getElementsByName( " groupTypeId " );
var groupTypeId = new Array();
for ( var i = 0 ; i < boxes.length; i ++ )
{
if (boxes[i].checked)
{
var groupTypeId[i] = boxes[i].value;
}
}
获取的checkbox的值都保存在数组groupTypeId里。晕,原来如此简单。
JSF 中复选框h:selectBooleanCheckBox 标签的用法如下:
<h:selectBooleanCheckbox id="select" value="#{emp.checked}" />
每个对象有各自有一个属性用来保存其选中与否状态,这个属性为Boolean型变量,对应到selectBooleanCheckbox的值为true/false
如果是一个列表,每条记录都有一个复选框,用来提供(批量)操作,那么就存在列表"全选/全不选"的情况
可以如下实现:
//全选or全不选
function selectAll()
{
var oTable=document.all['form:dataTable'];
var oChkAll=document.all['form:selectall']
if(oTable != null && oChkAll != null)
{
for(j=1;j<oTable.rows.length;j++)
{
oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
}
}
}
JSF页面代码:
...
<h:selectBooleanCheckbox id="selectall" οnclick="selectAll()" />
<h:outputLabel for="selectall">
<h:outputText value="全选" />
</h:outputLabel>
<t:dataTable align="left" border="1" rows="10" first="0"
id="dataTable" rendered="true"
value="#{empController.empModel}" var="emp">
<t:column>
<f:facet name="header">
<h:outputText value="Select"></h:outputText>
</f:facet>
<h:selectBooleanCheckbox id="select" value="#{emp.checked}" />
</t:column>
...
另外一个问题,
用javascript获取所有选种的checkbox的值
var boxes = document.getElementsByName( " groupTypeId " );
var groupTypeId = new Array();
for ( var i = 0 ; i < boxes.length; i ++ )
{
if (boxes[i].checked)
{
var groupTypeId[i] = boxes[i].value;
}
}
获取的checkbox的值都保存在数组groupTypeId里。晕,原来如此简单。