文档章节

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
垫江
【每天一个JQuery特效】淡入淡出显示或隐藏窗口

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

Rhymo-Wu
06/18
0
0
20个值得开发人员关注的jQuery技术博客

John Resig - http://ejohn.org 毫无疑问,jQuery的缔造者的博客是你首先必须关注的。 2. Filmament Group Lab 这个也是必看之一,因为jQuery UI类库就出自这个网站。 3. Learning jQuery 老...

李长春
2011/11/14
0
0
jQuery学习笔记--选择器和事件

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

codingcoge
05/17
0
0
第一天 认识jQuery mobile 框架,资源,书籍

前言 这里就不对jquery mobile做过多的历史介绍,直接进行jQuery mobile的学习 jQuery mobile 框架纵览 1.jQuery mobile 的显示结构 如图1.1 从上面的图示我们可以知道,一个完整的页面是由 he...

打杂程序猿
2011/12/22
0
2
jquery mobile开发笔记之Ajax提交数据

这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容。可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手。Jqm的的语法和jquery其实是一样的,有些不大...

xiahuawuyu
2012/10/06
0
1

没有更多内容

加载失败,请刷新页面

加载更多

活动招募 HUAWEI HiAI公开课·北京站-如何在4小时把你的APP变身AI应用

人工智能和机器学习是全球关注的新趋势,也是当前最火爆、最流行的话题。当你拿手机用语音助手帮你点外卖,智能推荐帮你把周边美食一网打尽;当你拿起P20拍照时,它将自动识别场景进行最美优...

华为终端开放实验室
9分钟前
0
0
匹配两位小数,js正则

var regex = /^\d*(\.[1-9]|\.\d[1-9])*$/ console.log(1.2,regex.test(1.2)); console.log(0.3,regex.test(0.3)); console.log(1.03,regex.test(1.03)); ......

微信小程序-暗潮
14分钟前
0
0
905. Sort Array By Parity - LeetCode

Question 905. Sort Array By Parity Solution 题目大意:数组排序,偶数放前,奇数在后,偶数的数之间不用管顺序,奇数的数之间也不用管顺序 思路:建两个list,一个放偶数,一个放奇数,最...

yysue
19分钟前
0
0
h5 禁止手机自带键盘弹出

html: <div style="width: 350px;margin:50px auto;"><input type="text" id="datePicker" class="date_picker form-control" placeholder="点击选择入住日期" /></div> js: $("#date......

Delete90
35分钟前
1
0
color透明度对照表

透明度百分比 数值 100% 不透明 FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8C 50% 80 45% 73 40% 66 35% 59 30% 4D 25% 40 20% 33 15% 26 10% 1A 5% 0D 0% 完全透明 ......

_无问西东
37分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部