JS checkbox 全部选中
2011-04-06 11:19
148 查看
jsp body部分内容如下:
<input align="top" type="checkbox" name="radioSelectAll" onclick="selectAll(this);"> 全部选中
<display:table id="row" name="tranList" requestURI="dayTranList.do" pagesize="10" class="list" export="true" >
<display:column title="编辑" style="width:40" media="html">
<input type="checkbox" id="${row.tran_id}" name="radioSelect" />
</display:column>
<display:column property="tran_name" title="事务名称" />
<display:column property="deal_name" title="待办人" />
<display:column property="c_tran_type" title="事务类型" />
<display:column property="operator_id" title="操作人" />
<display:column property="is_pass" title="状态" />
<display:column property="tran_start_date" title="开始日期" />
<display:column property="tran_end_date" title="结束日期" />
<display:column title="编辑" style="width:40" media="html">
<a href='dayTranVerify.do?method=verifyInit&TRAN_ID=<c:out value="${row.tran_id}"/>'>
审 核
</a>
</display:column>
</display:table>
在js里面javaScript语言如下:
function selectAll(obj){ //全部选中
var chks = document.getElementsByName("radioSelect");
for(var i = 0; i < chks.length; i++){
chks[i].checked = obj.checked;
}
}
<input align="top" type="checkbox" name="radioSelectAll" onclick="selectAll(this);"> 全部选中
<display:table id="row" name="tranList" requestURI="dayTranList.do" pagesize="10" class="list" export="true" >
<display:column title="编辑" style="width:40" media="html">
<input type="checkbox" id="${row.tran_id}" name="radioSelect" />
</display:column>
<display:column property="tran_name" title="事务名称" />
<display:column property="deal_name" title="待办人" />
<display:column property="c_tran_type" title="事务类型" />
<display:column property="operator_id" title="操作人" />
<display:column property="is_pass" title="状态" />
<display:column property="tran_start_date" title="开始日期" />
<display:column property="tran_end_date" title="结束日期" />
<display:column title="编辑" style="width:40" media="html">
<a href='dayTranVerify.do?method=verifyInit&TRAN_ID=<c:out value="${row.tran_id}"/>'>
审 核
</a>
</display:column>
</display:table>
在js里面javaScript语言如下:
function selectAll(obj){ //全部选中
var chks = document.getElementsByName("radioSelect");
for(var i = 0; i < chks.length; i++){
chks[i].checked = obj.checked;
}
}
相关文章推荐
- js验证checkboxlist是否有选中的项,如果选中返回true
- js取消checkbox以及select的选中
- js中得到checkbox标签选中的信息的id
- js提交数据到java后台,用于全部选中这样的情况
- js获取GridView中CheckBox的选中状态
- JS判断CheckBoxList是否未选中
- SpringMVC与JS一起实现checkbox翻页后保持已选中状态
- asp.net(C#)通过点击一个checkbox,gridview里面的checkbox全部选中
- js 判断checkbox是否选中的实例代码
- JS控制复选框全部选中和全部不选中
- GridView绑定radionbutton和checkbox并且用javascript判断是否全部选中
- JS遍历所有checkbox是否选中
- 从NodeList中搜索checkbox元素,并赋值选中 纯JS代码
- 实现CheckboxGroup的全部选中
- jqery和js如何判断checkbox是否选中 (转)
- JS判断checkbox是否选中
- js限制checkbox选中个数
- JS判断checkbox是否选中
- js、jquery获取checkbox全部值
- Angular.JS判断复选框checkbox是否选中并实时显示