文档章节

jquery学习笔记(个人向)

 沐日starTree
发布于 2016/06/09 01:48
字数 209
阅读 64
收藏 4

代码

<body>
    <form>
        你爱好的运动是?
        <input type="checkbox" id="CheckedAll" />全选/全不选<br/>
        <input type="checkbox" name="items" value="足球"/>足球
        <input type="checkbox" name="items" value="足球"/>足球
        <input type="checkbox" name="items" value="足球"/>足球
        <input type="checkbox" name="items" value="足球"/>足球
        <input type="button" id="send" value="提交"/>
    </form>
</body>

$(function () {
    $('#CheckedAll').click(function () {
        if (this.checked) {
            $('[name=items]:checkbox').attr('checked', true);
        } else {
            $('[name=items]:checkbox').attr('checked', false);
        }
    })
})

大致就是这样,,问题在于调试的时候只能勾选第一次,,第二次勾选的时候checked属性改变,,复选框却没勾选,,

百度后结果是: jquery更新后将attr将不能更改类似复选框的状态属性,,

解决办法: 将attr改为prop

$(function () {
    $('#CheckedAll').click(function () {
        if (this.checked) {
            $('[name=items]:checkbox').prop('checked', true);
        } else {
            $('[name=items]:checkbox').prop('checked', false);
        }
    })
})

© 著作权归作者所有

共有 人打赏支持
下一篇: 个人笔记
粉丝 1
博文 21
码字总数 5364
作品 0
垫江
私信 提问
分享26本关于Jquery的学习书籍(免费下载)

分享26本关于Jquery的学习书籍(免费下载) 1、精通JavaScript+jQuery 2、网友small6分享锋利的jQuery实例源码 3、网友small6分享jQuery权威指南配套源代码 4、犀利开发jQuery内核详解与实践...

邓剑彬
2012/11/30
3.3K
8
【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu
06/18
0
0
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
2011年最新20个jQuery构建的超酷视觉效果教程

日期:2011/08/03 原文:line25.com 编译:Terry li - GBin1.com 作为web开发程序员来说,我们都非常喜欢jQuery构造的超酷视觉效果。在本篇GBin1文章中我们将精选一组jQuery效果教程。大家将...

gbin1
2011/08/03
383
0
20个值得开发人员关注的jQuery技术网站和博客

日期:2011/09/23 作者:Terry li - GBin1.com 1. John Resig - http://ejohn.org 毫无疑问,jQuery的缔造者的博客是你首先必须关注的。 2. Filmament Group Lab 这个也是必看之一,因为jQu...

gbin1
2011/09/23
3.9K
3

没有更多内容

加载失败,请刷新页面

加载更多

deepin中配置robot framework环境

本文永久更新地址:https://my.oschina.net/bysu/blog/2989005 【若要到岸,请摇船:开源中国 不最醉不龟归】 1.在终端中输入pip,回车,如果提示没有该命令,则先安转pip sudo apt-get inst...

不最醉不龟归
19分钟前
2
0
OSChina 周日乱弹 —— 钱不还,我就当你人不在了

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享Bigleaf的单曲《小鹿》 《小鹿》- Bigleaf 手机党少年们想听歌,请使劲儿戳(这里) 周日在家做什么? 做手工呀, @poorfis...

小小编辑
今天
85
3
EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
20
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
29
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
35
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部