javascript: checked 不可全选

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!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 @   ®Geovin Du Dream Park™  阅读(362)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2012-11-16 Csharp: Treeview check list value
2011-11-16 Csharp DataGridView自定义添加DateTimePicker控件日期列
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示