checkbox2.jsp

采用JSP + Ajax + 文本来演示多选、全选

<%@ page contentType="text/html;charset=GBK" %>
<%
//set Chinese Char 
//Cody by [e-mail];
//homepage:jiarry.126.com
request.setCharacterEncoding("GBK");
response.setCharacterEncoding("GBK");
response.setContentType("text/html; charset=GBK");
%>
<style>
#list input{margin-right:5px;}
</style>
<jsp:include page="inc/head.jsp" flush="true" />
<form name="sitelist" action="action/savedata.jsp" onsubmit="return addSite(this)">
http:// <input type="text" size="30" name="url">
<input type="submit" name="add" value="添加网址至列表" >
<div id="tip">&nbsp;</div>
<div style="border-top:2px ridge #9A9898;border-left:2px ridge #9A9898;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;background:;width:600px;height:350px;padding:5px;overflow:auto" id="list">
</div>
<br>
<input type="button" name="check" value="全选" disabled onclick="checkall(this.form)">&nbsp;&nbsp;<input type="button" value="反选" onclick="reverseCheck(this.form)" disabled name="recheck">&nbsp;&nbsp;<input type="button" name="remove" disabled value="删除" onclick="del($('list'),this.form)">
</form>
<script>

var cl = new Array();////if use checkbox_array.jsp;
function loaddata(){
//load the checkbox data from jsp;
   function loadcheckbox(){
     var data = this.req.responseText;

     if( data.indexOf("\"$empty$\"")!=-1 ){
		 //如果没有数据,得到反馈为空的话,不向下执行;
		 showTip("没有数据");return;
	 }

	 eval(data); //if use checkbox_array.jsp;
     parseJS();//parse javascript array;

	//页面加载时初始化按钮
     setStatus($("list"),document.sitelist);
   }


   showTip("数据加载中...");
   var url = "action/checkbox_array.jsp";
   var load = new net.ContentLoader( url ,loadcheckbox,null,"GET",null,null);
}
window.onload = function(){
loaddata();
}
</script>
</body>
</html>