<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>easyui/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#backorder").click(function(){
//alert($("#tem:checked").attr("checked"));
var checkBox =$("input[type='checkbox'][name='extraservice']:checked").attr("checked");
alert(checkBox);
if(checkBox){
var allType=$("input[type='checkbox'][name='extraservice']:checked");
var v="";
for(var i = 0; allType && i < allType.length; i++) {
if("1"==$(allType[i]).val()){
//提醒用户是否退订基本套餐
if(confirm("基本套餐退订后服务将不能再使用了,确定要这么做吗")){
//alert("这里也要生成记录===");
$.ajax({
type: "POST",
url: "<%=basePath%>backorders!modifyOrder.action",
async:false,
data: "fEXTRASERVICE="+$(allType[i]).val()+"&fACCOUNT="+$("#fACCOUNT").val()+"&type="+$("#type").val()+"&mainservice=1",
success: function(){
//alert("你的产品已经定制成功,管理员审核后套餐自动生效");
}
});
}
}else{
//alert("这里要生成记录");
$.ajax({
type: "POST",
url: "<%=basePath%>backorders!modifyOrder.action",
async:false,
data: "fEXTRASERVICE="+$(allType[i]).val()+"&fACCOUNT="+$("#fACCOUNT").val()+"&type="+$("#type").val()+"&mainservice=0",
success: function(){
//alert("你的产品已经定制成功,管理员审核后套餐自动生效");
}
});
}
}
alert("退订将在下月生效");
}else{
alert("请选择一种套餐");
}
});
});</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>产品退订</title>
<!-- <link rel='stylesheet' type='text/css' href='<%=basePath%>css/public.css' />
<SCRIPT language=JavaScript src="<%=basePath%>JS/pulic.js"></SCRIPT> --><style type="text/css">
table {
border-collapse: collapse;
}
#Layer1 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
}.td_head {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}.boderc {
border: 1px solid #CCCCCC;
}.text_W_H {
height: 18px;
width: 60px;
}.hj {
line-height: 20px;
}.combox_W {
width: 125px;
}.boddou {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-size: 12px;
}.h {
font-size: 13px;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
color: #000000;
text-decoration: none;
}.leftta {
background-color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}.boderc_next {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E7E7E7;
}.textleft {
width: 300px;
}.selectWidthbroder {
border: 1px solid #333333;
height: 20px;
width: 125px;
}.STYLE4 {
font-size: 12px
}.STYLE5 {
color: #FFFFFF;
font-size: 12px;
}body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
}.STYLE6 {
font-size: 16px;
font-weight: bold;
}.STYLE19 {
font-size: 14px;
font-weight: bold;
}
</style>
</head><body>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" class="boderc">
<tr>
<td width="99%" height="418" align="center" valign="middle">
<table width="781" height="439" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="e7e7e7" class="boderc" style="padding-left:20px;margin-top:5px;margin-bottom:5px;">
<tr>
<td width="779" height="28" align="left" valign="middle" bgcolor="#cdcdcd">
<span class="STYLE6"> 支付记录 </span></td>
</tr>
<tr>
<td height="112" align="center" valign="top" style="padding-top:20px">
<table border="1" cellpadding="1" cellspacing="1" width="741" id="example" >
<tr >
<td width="129">套餐类型</td>
<td width="138">是否已激活</td>
<td width="166">开始时间</td>
<td width="285">结束时间</td>
</tr>
<s:iterator value="infoList" status="st" id="Info">
<tr class='row<s:if test="#st.odd">1</s:if><s:else>0</s:else>' bgcolor="#EEEEEE">
<td height="50">
<div align="left">
<s:if test="%{fEXTRASERVICE==2}">
短信套餐
</s:if>
<s:elseif test="%{fEXTRASERVICE==3}">离校提醒</s:elseif>
<s:elseif test="%{FSERVICETYPE==4}">用餐信息与充值</s:elseif>
<s:elseif test="%{FSERVICETYPE==5}">安全接宝宝</s:elseif>
<s:elseif test="%{FSERVICETYPE==6}">宝宝在线</s:elseif>
</div>
</td>
<td>
<div align="left">
<s:if test="%{FISAVAILABLE==1}">
已激活
</s:if>
<s:if test="%{FISAVAILABLE==2}">
未激活
</s:if>
</div>
</td>
<td>
<div align="left">
<s:property value="FSTARTDATE"/>
</div>
</td>
<td>
<div align="left">
<s:property value="FENDDATE"/>
</div>
</td>
</tr>
</s:iterator>
</table>
</td>
</tr>
<tr>
<td height="281">
<table width="742" height="260" border="0" style="margin-left:20px">
<tr>
<td width="736" height="27" bgcolor="#EEEEEE">退订之前请先确认以上套餐信息</td>
</tr>
<tr bgcolor="#EEEEEE">
<td height="37">
退订方式:
<select name="backmethod" id="type">
<option value="1">在线直接退订</option>
<option value="2">班主任代为退订</option>
</select>
</td>
</tr>
<tr bgcolor="#EEEEEE">
<td height="37">
退订套餐:
<input type="checkbox" name="extraservice" value="1"/>基本套餐
<input type="checkbox" name="extraservice" value="2"/>短信
<input type="checkbox" name="extraservice" value="3"/>离校提醒
<input type="checkbox" name="extraservice" value="4"/>用餐信息与充值
</td>
</tr>
<tr bgcolor="#EEEEEE">
<td> </td>
</tr>
<tr bgcolor="#EEEEEE">
<td>您的退订将会对已有套餐服务产生中断或影响,请谨慎操作</td>
</tr>
<tr bgcolor="#EEEEEE">
<td>退订请求提交后,退订将会在下月1号开始生效</td>
</tr>
<tr bgcolor="#EEEEEE">
<td height="30"> </td>
</tr>
<tr bgcolor="#EEEEEE">
<td height="27">
<input type="image" src="<%=basePath%>picture/personalcenter/backorder.gif" width="98" height="23" id="backorder"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</table> </body>
</html>但是不管怎么弄,即使选中了全部复选框还是不行,firbug也没报错。总是说复选框没选中。
var checkBox =$("input[type='checkbox'][name='extraservice']:checked").attr("checked");改成:
var checkBox =$("input[type='checkbox'][name='extraservice']:checked").is(":checked");在高版本的jquery中, 是不支持attr("checked")返回布尔值的。 如果你有兴趣深究, 搜索一下 jquery attr prop