<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>jQuery checkbox 如何判断已经全选</title>
<link type="text/css" href="Public_File/geovindu.css" rel="stylesheet" media="all"/>
<link type="text/css" href="Public_File/print.css" media="print" rel="stylesheet"/>
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/ui.datepicker.js" type="text/javascript"></script>
<link rel="stylesheet" href="Scripts/ui.datepicker.css" type="text/css" media="screen" id="datepickerStyle" />
<script type="text/javascript">
function CheckedAll(){
//$(':checkbox').attr('checked','checked');
var isnull=true;
var allBox = $(":checkbox");
var ch1=$("#H1").attr("checked") ;
var ch2=$("#H2").attr("checked") ;
var ch3=$("#H3").attr("checked") ;
var tal=0;
if(ch1==true)
{
var str=$("#H1").val();
tal=tal+Number(str);
window.alert(str);
}
if(ch2==true)
{
var str1=$("#H2").val();
tal=tal+Number(str1);
window.alert(str1);
}
if(ch3==true)
{
var str2=$("#H3").val();
window.alert(str2);
tal=tal+Number(str2);
}
window.alert('tal:'+tal);
//return;
if(tal==6)
{
isnull=false;
$("#H1").attr("checked",false);
$("#H2").attr("checked",false);
$("#H3").attr("checked",false);
// $("#Submit").load("ajax/test.html");
window.alert("不可以全選,請重新選擇!");
window.history.back();
window.location.reload(true);
}
if(tal==0)
{
window.alert("未有選擇,請重新選擇!");
window.history.back();
window.location.reload(true);
}
}
/*隻可以選擇一項類型門票
$(function () {
var allBox = $(":checkbox");
allBox.click(function () {
allBox.removeAttr("checked");
$(this).attr("checked", "checked");
});
$(":button").click(function () {
alert($(":checkbox:checked").val());
});
});
*/
function showp1()
{
document.all.P1.style.display='';
document.all.P2.style.display='';
//document.all.P3.style.display='none';
//document.all.showzi.style.display='none';
showzi.innerHTML="VIP黑咭號碼 (如適用)";
document.all.P4.style.display='none';
}
function showp2()
{
//document.all.P3.style.display='';
showzi.innerHTML="VIP咭號碼";
document.all.P4.style.display='';
document.all.P1.style.display='none';
document.all.P2.style.display='none';
}
</script>
</head>
<body>
<form name="form1" method="post" action="SaveReQuestTickets18.asp?Action=Add&ProjectID=18">
<input name="H1" type="checkbox" id="H1" value="1" />
HK$480
<input name="Num1" type="text" id="Num1" value="2" size="10" readonly="readonly" style="background-color:#cccccc; color:red;"/>
張<span style="display:block;"><font color="#FF0000">(剩餘10張)</font></span>
<input name="H2" type="checkbox" id="H2" value="2" />
HK$680
<input name="Num2" type="text" id="Num2" value="2" size="10" readonly="readonly" style="background-color:#cccccc; color:red;"/>
張<span style="display:block;"><font color="#FF0000">(剩餘10張)</font></span>
<input name="H3" type="checkbox" id="H3" value="3" />
HK$880
<input name="Num3" type="text" id="Num3" value="2" size="10" readonly="readonly" style="background-color:#cccccc; color:red;"/>
張<span style="display:block;"><font color="#FF0000">(剩餘10張)</font></span>
<input type="submit" name="Submit" id="Submit" value="提交申請" class="bottonan" style="120px;height:35px" onclick="javascript:CheckedAll();"/>
<input type="reset" name="Submit2" value="重新填寫" class="bottonan" style="120px;height:35px" />
<input type="button" name="Submit3" value="返回門票列表" onClick="Javascript:location.href='LukFookTickets_Branch.asp?ProjectID=18';" class="bottonan" style="120px;height:35px"/>
<input type="hidden" name="Action" value="Add"/>
<input type="hidden" name="EditId" value=""/>
</form>
</body>
</html>