<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form action="#">
    <input type="text"/>
    <input type="password"/>
    <input type="radio"/>
    <input type="checkbox"/>
    <input type="hidden"/>
    <input type="file"/>
    <input type="image"/>
    <input type="submit"/>
    <input type="reset"/>
    <input type="button"/>

    <select name="sel" id="sel">
        <option>ok</option>
    </select>
    <textarea name="ta" id="ta" cols="30" rows="4"></textarea>

</form>
<button onclick="getform()">获取表单项</button>

<hr/>
<br/><br/>
<div id="div2">
    <input type="checkbox"/>吃饭
    <input type="checkbox"/>睡觉
    <input type="checkbox"/>打豆豆
</div>
<button onclick="chkall()">全选</button>
<button onclick="chkno()">全不选</button>
<button onclick="chkreverse()">反选</button>

<script src="jquery-1.12.2.min.js"></script>
<script>
    // 针对 checked属性的控制，不能使用常规attr函数，而应该换用prop函数

    // jQuery也有循环写法，用each函数
    // each操作中，每次获取的都是标准的DOM方式的元素而不是jQuery的对象
    function chkreverse(){
        $("#div2 :checkbox").each(function(i){
//            this.checked = !this.checked;
            $(this).prop('checked', !($(this).prop('checked')));
        });
    }
    function chkno(){
        $("#div2 :checkbox").prop('checked', false);
    }
    function chkall(){
//        var div2 = document.getElementById('div2');
//        var ins = div2.getElementsByTagName('input');
//        for(var i=0; i<ins.length; i++){
//            if(ins[i].type=='checkbox'){
//                ins[i].checked = true;
//            }
//        }

        $("#div2 :checkbox").prop('checked', true);

    }

    function getform(){
//        alert($(':input').length);
        alert($(':button').length);
    }
</script>
</body>
</html>

最新文章

  1. mysql主键uuid、uuid_short和int自增对比
  2. [Jquery] Jquery AutoComplete的使用方法实例
  3. ext3，ext4，xfs和btrfs文件系统性能对比
  4. windows phone URI映射
  5. VisualSvn Server安装和使用
  6. js页面加载事件
  7. node配置运行环境变量;
  8. java对象复制
  9. Leetcode_191_Number of 1 Bits
  10. Mysql学习笔记（二）数据类型 补充
  11. Java8 HashMap源码分析
  12. 03 EditText文本编辑框
  13. 微软开源大规模数据处理项目 Data Accelerator
  14. 二维数组遍历的方式(for普通循环遍历、foreach循环遍历、toString方式遍历)
  15. 实验楼-Git实战教程
  16. async中await是干啥的，用不用有什么区别？
  17. Ubuntu18.04 - 实现鼠标右键新建文件功能！
  18. 关于内核中spinlock的一些个人理解 【转】
  19. mysql添加注释
  20. 用php做个简单的日历

热门文章

  1. 上海高校程序设计竞赛 D CSL 的字符串 ( 贪心)
  2. Codeforces Round #462 (Div. 2), problem: (C) A Twisty Movement （求可以转一次区间的不递增子序列元素只有1，2）
  3. BZOJ - 1497 最小割应用
  4. 页面加载时的div动画
  5. PIE SDK栅格生成等值线、面
  6. C#中if和#if区别
  7. Linux抓包工具：tcpdump
  8. 【Linux相识相知】计算机的组成、linux发行版和哲学思想、基础命令和目录结构（FHS）
  9. fullpage的使用以及less, Sass的属性和JQuery自定义插件的声明和使用
  10. opencv2.4.10+VS2012配置问题