jsp范例

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ChannelMaintain</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.form.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/index.css"/>
<!-- <script type="text/javascript">
 var path = "${path}";
</script> -->
<script type="text/javascript">
function queryDetailF(url, spid, pname, status){
            
           /*  var distributor ='';
            $("input[name='distributor']").each(function(){ 
                if($(this).attr("checked")){
                    distributor += $(this).val()+",";
                }
            });
distributor = distributor.substring(0, distributor.length-1);
 
            var operator='';
            $("input[name='operator']:checked").each(function(){ 
                    operator+= "'"+$(this).val()+"',";
            });
          operator = operator.substring(0, operator.length-1);
            
             var parvalue='';
            $("input[name='parvalue']:checked").each(function(){ 
                    parvalue+= $(this).val()+",";
            });
            parvalue = parvalue.substring(0, parvalue.length-1); */
            
$.post(url,{
provider:spid,
province:pname,
status:status
},function(data){
$('#chanellist').html(data);
},'html');
};

function do_query(){
//alert('do_query');
var url = 'doQuery.htm';
$.post(url,$('#channelMaintainForm').serialize(),
function(data){
$('#chanellist').html(data);
},'html');
};

//开启按扭
function openDetailF(url,spid,pname){
debugger;
$.post(url,{status:0},function(data){
if(data == 1){
alert('开启成功!');
$.post('queryDetail.htm',{
provider:spid,
province:pname
},function(data){
$('#chanellist').html(data);
//do_query();
});
}else{
alert('开启失败!');
}
});
};

//关闭按钮
function closeDetailF(url,spid,pname){
$.get(url,{status:1},function(data){
if(data == 1){
alert('关闭成功!');
$.post('queryDetail.htm',{
provider:spid,
province:pname
},function(data){
$('#chanellist').html(data);
},'html');
}else{
alert('关闭失败!');
}
});
};
</script>
<script type="text/javascript">
$(document).ready(function(){
//查询按钮
$('#query').click(function(){
if($('#provider').val()==''){
alert('供货商不能为空!');
return false;
}
if($('#province').val()==''){
alert('省份不能为空!');
return false;
}
do_query();
});



$('#alldistributors').click(function(){
if ($(this).attr('checked')){
$('input[name="distributor"]').attr('checked',true);
}else{
$('input[name="distributor"]').attr('checked',false);
}
});

$('#alloperators').click(function(){
if ($(this).attr('checked')){
$('input[name="operator"]').attr('checked',true);
}else{
$('input[name="operator"]').attr('checked',false);
}
});


$('#allparvalues').click(function(){
if ($(this).attr('checked')){
$('input[name="parvalue"]').attr('checked',true);
}else{
$('input[name="parvalue"]').attr('checked',false);
}
});
 
  $('#openBtn').click(function(){


$('#channelMaintainForm').ajaxSubmit({
url:'toOpenChannel.htm',
beforeSubmit: function(){
if($('#provider').val()==''){
alert('供货商不能为空!');
return false;
}
if($('#province').val()==''){
alert('省份不能为空!');
return false;
}
$('#openBtn').val('开启中...');
$('#openBtn').attr('disabled', true);
$('#closeBtn').attr('disabled', true);
}, success: function(data){
if (data == 'success') {
alert('开启成功!');
$('#openBtn').val('开启');
$('#openBtn').attr('disabled', false);
$('#closeBtn').attr('disabled', false);
do_query();
}else{
alert('开启失败!');
$('#openBtn').val('开启');
$('#openBtn').attr('disabled', false);
$('#closeBtn').attr('disabled', false);
}
}
});
});

$('#closeBtn').click(function(){

$('#channelMaintainForm').ajaxSubmit({
url:'toCloseChannel.htm',
beforeSubmit: function(){

if($('#provider').val()==''){
alert('供货商不能为空!');
return false;
}
if($('#province').val()==''){
alert('省份不能为空!');
return false;
}
$('#closeBtn').val('关闭中...');
$('#openBtn').attr('disabled', true);
$('#closeBtn').attr('disabled', true);
}, success: function(data){
if (data == 'success') {
alert('关闭成功!');
$('#closeBtn').val('关闭');
$('#openBtn').attr('disabled', false);
$('#closeBtn').attr('disabled', false);
do_query();
}else{
alert('关闭失败!');
$('#openBtn').val('关闭');
$('#openBtn').attr('disabled', false);
$('#closeBtn').attr('disabled', false);
}
}
});
});

});




</script>
</head>
<body>
<div style="background-color:#F9F9F9;">
<p style='font-size:18pt;'>ChannelMain</p>
<form action="doQuery.htm" method="post" id="channelMaintainForm">
    <div>
    <label><b>供货商:</b>
    <select id="provider" name="provider">
    <option></option>
    <c:forEach items="${providers}" var="sp">
    <option value="${sp.spid }">${sp.spName }</option>
    </c:forEach>
    <option value="0">全部</option>
    </select>
    </label>
    <label><b>省份:</b>
    <select id="province" name="province">
    <option></option>
    <c:forEach items="${provinces}" var="p">
    <option value="${p.name }">${p.name }</option>
    </c:forEach>
    <option value="0">全部</option>
    </select>
    </label>
    </div><br/>
    <div>
    全部<input type="checkbox" id="alldistributors"/>
    <label>
    <b>分销商: </b>
<c:forEach items="${distributors}" var="trib">
<input type="checkbox" value="${trib.id}" name="distributor" id="distributor"/>
<c:out value="${trib.cpname}" />
</c:forEach>
    </label>
    </div><br/> 
    <div>
    全选<input type="checkbox" id="alloperators" name="alloperators"/>
     <label><b>运营商:</b>
     <c:forEach items="${operators}" var="oper">
      <input type="checkbox" name="operator" value="${oper.shortname}" id="operator"/>${oper.name }
     </c:forEach>
    </label>
    </div><br/>
    <div>
    全选<input type="checkbox" id="allparvalues" name="allparvalues"/>
     <label><b>面值:</b>
      <c:forEach items="${parvalues}" var="pv">
      <input type="checkbox" value="${pv.parvalue }" id="parvalue" name="parvalue"/>
      <fmt:formatNumber value="${pv.parvalue/100 }" pattern="#"></fmt:formatNumber>
      </c:forEach>元  
    </label>
    </div>
    <div>
    
 <input type="button" id="query" value="查询" name="query"/>
   
 <input type="button" id="openBtn"  value="开启"/>
 <input type="button" id="closeBtn"  value="关闭"/>
    </div>
    </form>
</div>
<div id="chanellist">
</div>
</body>
</html>


顺序如下: 1、多种字体大小显示 2、c:out标记输出 3、获取当前时间 4、include包含语句 5、建立错误处理页面的范例程序 6、jsp:forward 7、简单计数器 8、设置页面属性 9、使用GB2312编码 10、使用Big5编码 11、c:catch的用法 12、<c:forEach> begin、end和step的用法 13 、 <c:forEach> 循环 14、<c:forEach> varStatus 的四种属性 15、<c:forEach> 的用法 16、从客户端传送数据至服务端 17、使用Unicode转义字符 18、使用朝鲜语字符集 19、JSP中最简单的国际化程序 20、错误检测 21、抛出异常 22、<c:if> 的用法 23、<c:set>和<c:remove> 的用法 24、<c:import> 的用法 25、jsp-include的用法 26、汉字处理 27、网页重定向 28、自动更新网页 29、存取session 30、<c:redirect> 的用法 31、单选型列表框 32、jsp文件中定义类 33、取得 JSP Container 版本 34、javax.servlet.jsp.JspWriter - out 对象 35、page 隐含对象 36、application 对象 37、PageContext 对象 38、Page范围 - pageContext 39、测试要显示的中文 40、IF控制符的操作 41、HttpServletRequest 接口所提供的方法 42、 网上测验 43、HttpSession - session 对象 44、 多选型列表框 45、解决浏览器 cache 的问题 46、使用 EL、JSTL 处理表单数据 47、 EL隐含对象 param、paramValues 48、EL隐含对象 pageContext 49、EL算术运算符 50、EL关系运算符 51、EL的运算符 52、选择钮的使用 53、检查框的使用 54、群组检查框的使用 55、数字、货币、百分数格式化 56、日期格式化 57、JSTL设置语言地区 58、Cookie数据的存取 59、session有效时间的设置与取得 60、session时间与ID 61、Cookie有效时间的设置 62、利用隐藏字段传送数据 63、JSP 使用 JavaBean 的方法 64、JSP 使用 JavaBean 65、范围为 Page 的 JavaBean范例程序 66、范围为 Request的 JavaBean 67、范围为 Session 的 JavaBean 68、范围为 Application 的 JavaBean 69、删除 JavaBean 70、url重组 71、Switch语句 72、环境变量 73、forward重定向 74、文件的建立与删除 75、取得文件属性 76、取得目录中的文件 77、目录的建立与删除 78、自Cookie存取日期/时间数据 79、管理Session变量 80、数据库中的记录数与记录指针位置 81、利用absolute方法设置记录位置 82、使用jsp指令生成Word文档 83、JSP网页模板 84、判断是否空白文件 85、cookie 用户登录次数 86、获取用户的真实IP地址 87、获取用户的浏览器信息 88、在客户端进行数据检查 89、在JSP中获取当前绝对路径 90、读取表单中所有参数 91、分行写入数据 92、显示请求URL 93、判断session是否过期 94、参数式查询数据库 95、取得数据库中各栏名称 96、使用JavaBean、设置和获取Bean的属性 97、设置Bean的一个属性与输入参数关联 98、实现基于数据库的站内搜索 99、DOM读取XML文档 100、SAX读取XML文档
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值