复选框的问题

JSF复选框全选问题 
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里。晕,原来如此简单。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值