在信息列表页实现全选功能:
jsp页面:
<input id="selectAll" type="checkbox"/>全选 <s:iterator value="agentInfoList"> <input type="checkbox" name="companyid" value="<s:property value="id"/>" id="companyid"/> (循环内部的checkbox的值为信息id) </s:iterator> <input id="selectAll2" type="checkbox" />全选
js: ( jquery/jquery-1.2.6.min.js)
$(document).ready(function(){ $("#selectAll").click(function() { if ($(this).attr("checked") == true) { // 全选 $("#selectAll2").attr("checked",true); $("input[@name='companyid']").each(function() { $(this).attr("checked", true); }); } else { // 取消全选 $("#selectAll2").attr("checked",false); $("input[@name='companyid']").each(function() { $(this).attr("checked", false); }); } }); $("#selectAll2").click(function() { if ($(this).attr("checked") == true) { // 全选 $("#selectAll").attr("checked",true); $("input[@name='companyid']").each(function() { $(this).attr("checked", true); }); } else { // 取消全选 $("#selectAll").attr("checked",false); $("input[@name='companyid']").each(function() { $(this).attr("checked", false); }); } }); });