<!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>

　　

javascript: checked 不可全选的更多相关文章

  1. JavaScript基础6——全选示例

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JavaScript Web API 全选反选案例

    全选反选 全选和反选功能,在开发中可以说是应用得非常多的,以下通过案例分解,学习如何使用JS实现全选反选功能. 该功能可分为如下三大步骤: 1.全选 1.1 获取父checkbox,注册点击事件 1. ...

  3. JavaScript实现单击全选 ,再次点击取消全选

                 以下为实现思路,已测试,供参考 var allSet = document.getElementById('allSet');//获取全选按钮元素 var a = allSe ...

  4. html javascript checkbox实现全选功能

    html代码 <input type="checkbox" id="all" />all</input> <input type= ...

  5. JavaScript CheckBox实现全选和部分选择

    <html> <head> <script> function BatchAddToBasket() { var questionNums = ''; var ch ...

  6. jQuery/javascript实现全选全不选

    <html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title& ...

  7. 用javascript实现全选/反选组件

    以下是本人制作的全选/反选 组件,供广大同行参考.指正: 效果如图: 在实现的过程中,全选和全部取消选中这两个功能较为简单,只需用for循环遍历所有复选框为true或false即可.反选也较为简单,也 ...

  8. JavaScript案例四：全选练习

    JavaScript实现全选,全不选等效果... <!DOCTYPE html> <html> <head> <title>JavaScript全选练习 ...

  9. JavaScript 全选函数的实现

    Html代码: <table id="purchase-info" class="table table-bordered table-hover table-st ...

随机推荐

  1. 关于UIScrollView不能响应UITouch事件的解决办法

    原因是:UIView的touch事件被UIScrollView捕获了. 解决办法:让UIScrollView将事件传递过去.于是最简单的解决办法就是加一个UIScrollView的category.这 ...

  2. WIN 10下Mysql 5.7.21解压缩（免安装版）配置

    网上看了N多大神的东西东抄抄西抄抄,老是就不对,因为很多资料不是针对5.7这个版本的内容. 首先解压文件,比如我解压到D:\Program Files\mysql-5.7.21-winx64 第一步: ...

  3. php开发中应该注意的错误开关与常见处理[开发篇]

    我们可能一开始就接触一个项目的开发,刚开始时都是信心满满,一定把这个项目做得非常完美,但是时间那么少,任务那么多,我们就只有将就了. 首先,一般情况下,我们会加一个调试标志,define('APP_D ...

  4. TI 开发板安装USB转串口驱动

    使用TI开发板的时候,USB转串口驱动没有,显示,无法识别设备.搜了好久才搜到相关驱动. 做个记录. 链接: https://pan.baidu.com/s/1ZT5zzVcU727jrYacKVoT ...

  5. 09-部署配置kubedns插件

    安装和配置 kubedns 插件 官方的yaml文件在:kubernetes/cluster/addons/dns. 该插件直接使用kubernetes部署,官方的配置文件中包含以下镜像: gcr.i ...

  6. 服务器运维 -- windows系统更换System32下文件后 重启无法进入桌面

    场景描述: windows系统更换System32下文件后 重启无法进入桌面 情况1,原替换文件有备份     解决建议: 准备好该文件 情况2,原备份文件没有备份  解决建议:从相同版本的服务器上边 ...

  7. 学习之响应式Web设计---一个实例

    周末闲来无事,做了一个响应式设计的例子.当然,由此并不能窥见响应式设计真谛之一斑.但,对于初次接触响应设计,对于响应式设计的概念依旧模糊不清的同学来说,或许是个启蒙! 闲语暂且不表,进入正题,这里没有 ...

  8. 从零开始学 Web 之 Vue.js（二）过滤器，按键修饰符，自定义指令

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  9. Kafka实战－入门

    1.概述 经过一个多月的时间观察,业务上在集成Kafka后,各方面还算稳定,这里打算抽时间给大家分享一下Kafka在实际场景中的一些使用心得.本篇博客打算先给大家入个门,让大家对Kafka有个初步的了 ...

  10. C语言第六讲,数组

    C语言第六讲,数组 一丶什么是数组 数组,就是一整块的连续内存空间. 且类型都是一样的.大小一样 比如: 1.1数组元素的访问 我们要访问数组,例如上面,我们访问元算2,元素3等等怎么访问.. 比如有 ...