jsp 页面 复选框列表全选部分伪代码
//全选
function selectCheckBoxAll(obj){
if($(obj).attr('checked'))
{
for(var i=0;i<$("input[name=selectBox]").length;i++){
$($("input[name=selectBox]")[i]).attr('checked',true);
}
}else{
for(var i=0;i<$("input[name=selectBox]").length;i++){
$($("input[name=selectBox]")[i]).attr('checked',"");
}
}
}
//批量确认
function batchConfirm(){
var num=0;
var ids="";
for(var i=0;i<$("input[name=selectBox]").length;i++)
{
if($($("input[name=selectBox]")[i]).attr('checked'))
{
ids+=$($("input[name=selectBox]")[i]).attr('dataId')+",";
num++;
}
}
if(num<1)
{
alert("对不起,您没有选中要确认的信息!");
}else{
ids=ids.substr(0,ids.length-1);
if(confirm("确认这些数据吗?")){
$.ajax({
type:"post" ,
url:"batchconfirmData?id="+ids,
dataType:"html",
success:function(data){
alert(data);
window.location.href="lg_turn_JsData_list";
}
});
}
}
}
----------------
<span style="margin-top:2px;margin-left:37px;">
确认状态:</span>
<span>
<s:select list="#{1:'待确认',2:'已确认'}" value="qc.confirm_status" name="qc.confirm_status" headerKey="" headerValue="--请选择--" style="margin-top:2px;margin-left:5px;"></s:select>
</span>
<span style="margin-top:2px;margin-left:35px;">
所属居委会:</span>
<span>
<s:select list="jwhMap" id="jwhCodeId" name="qc.jwhCode" theme="simple" value="qc.jwhCode"></s:select>
</span>
-------------------
<th width="1%">
<input type="checkbox" id="selectAll" onclick="selectCheckBoxAll(this)" />
</th>
<s:iterator value="lgTurn2JsDataList" status="status">
<tr>
<td>
<s:if test="(#session.LOGINUSER_SYSROLE.qxdm =='js_admin' || #session.LOGINUSER_SYSROLE.qxdm =='js_gr' || #session.LOGINUSER_SYSROLE.qxdm =='xzq' || #session.LOGINUSER_SYSROLE.qxdm=='jz') && confirm_status==1" >
<input type="checkbox" name="selectBox" dataId="<s:property value="id" />" />
</s:if>
<s:else>
</s:else>
</td>
<td >
<s:property value="(#status.index+1)+((pager.currentPage-1)*10)" />
</td>
<a href="javascript:void(0)" title="${jzdz}">
<s:if test="jzdz.length()>20">
<s:property value="jzdz.substring(0,20)+'...'" />
</s:if>
<s:else>
<s:property value="jzdz" />
</s:else>
</a>
</td>
。。。。。
</s:iterator>
相关推荐
jquery 、js实现复选框 (全选、反选)功能··
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
实现了复选框全选的功能,不需要在外面另加按钮触发全选事件
树结构 复选框 多选 全选功能
复选框的全选和反选复选框的全选和反选复选框的全选和反选
实现table表格checkbox复选框的全选 反选.
javascript 实现复选框全选/取消功能
复选框的全选与全不选
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。
javascript 复选框全选,复选框全选,复选框全选
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
复选框全选全不选JS代码,可以通过按钮或者复选框调用。
spreadjs_列头添加复选框全选功能-demo
js 复选框的全选全不选,全面功能js
使用JavaScript编写复选框的全选和全不选功能。。。。
教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
javaScript入门案例之复选框全选,全不选,反选