Java Web 开发中的“全选”

在信息列表页实现全选功能:
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);
            });
        }
    });
});
 

 

 

你可能感兴趣的:(java,jquery,Web,jsp)