js全选按钮的实现方法

本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:

 

具体代码如下

<html>
 <head>
   <title>复选框checked属性</title>
   <script language="JavaScript" type="text/javascript">
      function changeState(isChecked)
     {
       var chk_list=document.getElementsByTagName("input");
       for(var i=0;i<chk_list.length;i++)
        {
         if(chk_list[i].type=="checkbox")
          {
           chk_list[i].checked=isChecked;
          }
        }
    }
   </script>
 </head>
 <body>
   <h1>请选择你的爱好</h1>
   <form name="myForm1">
     <input type="checkbox" name="cb1" checked>看书<br>
     <input type="checkbox" name="cb2" checked>上网<br>
     <input type="checkbox" name="cb3">游戏<br>
   </form>
   <hr>
   <form name="myForm2">
     <input type="checkbox" name="cb" onclick="changeState(this.checked)">全选
   </form>
 </body>
</html>

以上就是js全选按钮的实现方法,希望对大家的学习有所帮助。

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
最近做一个项目,遇到了一个问题同步ajax引起的ui线程阻塞问题,下面把我的问题解决过程分享给大家。 事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为getData的函数,它接收不同参数,只负责获取数据,然后把数据return。基本的逻辑剥离出来是这样的: function getData1(){ var result; $.ajax({ url : "p.php", async : false, success: function(data){ resu
分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下 : 效果演示 源码下载 html代码: div class="flex" ul class="slides" li data-title="Slide 1" img alt="" src="img/beasts_feature.jpg" /li li data-title="Slide 2" img alt="" src="img/element-taiwan-thmb.jpg" /li li
废话不多说了,直接给大家贴代码了。 具体代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值cookie this.get = function(name) { var start = document.cookie.indexOf(encodeURIComponent(name)) ; var end = document.cookie.indexOf(';', start) ; if(end == -) { e
本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下: 预想的效果截图如下: JS代码: $('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.

Jquery easyui 实现动态树 - 2015-11-19 18:11:15

在上篇文章给大家介绍了 jquery中EasyUI实现异步树 ,本文给大家介绍jquery easyui实现动态树。 首先是在jsp页面中引入相关的js文件 在body中加入流程列表,通过后天拼接json数据 具体内容请看下面代码详情吧。 首选在jsp页面中引入相关的js link rel="stylesheet" type="text/css" href=#> 添加script script $(function(){ $('#tt2').tree({ checkbox: false, url: '%=

jquery实现简单的表单验证 - 2015-11-19 18:11:15

jquery如何实现简单的表单验证,我们先跟大家分享一下实现思路。 大概思路: 先为每一个required添加必填的标记,用 each() 方法来实现。 在each()方法中先是 创建一个元素, 然后通过 append()方法 将创建的元素加入到父元素后面。 这里面的 this 用的很精髓,每一次的this都对应着相应的input元素,然后获取相应的父元素。 然后为 input 元素添加失去焦点事件。然后进行用户名、邮件的验证。 这里用了一个 判断is() , 如果是用户名,做相应的处理,如果是邮件做相应
邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作为账号名 为了提高用户的体验,很多网站都会实现邮箱输入的自动提示功能,所有自己也实现了一个,先看下效果吧,觉得效果还行的就拿去 核心代码(需要jquery的支持): (function($){ $.fn.mailAutoComplete = function(options){ var defaults = { boxClass: "mailListBox", //外部box样式 listClass: "mailListDefault
1、正则仅仅就是用来处理字符串的:匹配、捕获 匹配:验证当前的字符串是否符合我们的规则(每一个正则都是一个规则) 捕获:在整个字符串当中,把符合规则的字符都依次的获取到---exec、match、replace 2、正则的组成:元字符、修饰符 元字符: 特殊意义的元字符: \d匹配一个0-9的数字相当于[0-9],和它相反的 \D匹配一个除了0-9的任意字符相当于【】 \w匹配一个0-9、a-z、A-Z_ 的数字或字符,相当于[0-9a-zA-Z_] 、 \s匹配一个空白字符(空格、制表符。。。) \b匹
本文实例讲述了JS封装cookie操作函数。分享给大家供大家参考,具体如下: /*设置cookie*/function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate;};/*使用方法:setCookie('user', 'simon', 11);*//*获取cookie*/fun
本文实例讲述了javascript实现省市区三级联动下拉框菜单代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 首先写一个静态的页面: !DOCTYPE htmlhtmlheadtitleQQ JS省市区三级联动/title!-- 使用QQ的省市区数据 --!--script type="text/javascript" src="http://ip.qq.com/js/geo.js"/script--script type="text/javascript" src="geo.js"/scri