javascript: checked 不可全选 

<!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="width:120px;height:35px" onclick="javascript:CheckedAll();"/>
        <input type="reset" name="Submit2" value="重新填寫" class="bottonan" style="width:120px;height:35px" />
        <input type="button" name="Submit3" value="返回門票列表" onClick="Javascript:location.href='LukFookTickets_Branch.asp?ProjectID=18';" class="bottonan" style="width:120px;height:35px"/>
        <input type="hidden" name="Action" value="Add"/>
       
        <input type="hidden" name="EditId" value=""/>
  </form>
</body>

</html>

　　

posted @ 2017-11-16 09:47  ®Geovin Du Dream Park™  阅读(360)  评论(0)  编辑  收藏  举报