文档章节

jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

码农般的学良
 码农般的学良
发布于 2016/11/25 13:44
字数 296
阅读 5
收藏 0

这篇文章主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下

本文实例讲述了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下:

先看如下代码:

?

1

2

3

4

5

6

7

8

9

10

11

12

/**

 * 全选

 */

 function checkAll() {

   $("input[name=ids]").attr("checked", true);

 }

 /**

 * 全不选

 */

 function uncheckAll() {

   $("input[name=ids]").attr("checked", false);

 }

问题描述:

初始状态复选框没有全选,点击全选按钮调用checkAll方法,实现了全选,然后点击全不选按钮,实现了全不选,然后再次点击全选按钮,结果却木有全选,再反复点击木有任何反应。

解决方法:

google之:

把使用prop方法代替attr方法,

?

1

2

3

4

5

6

/**

 * 全选

 */

function checkAll() {

  $("input[name=ids]").prop("checked", true);

}

至此问题解决!

javaSE视频教程分享:网盘下载地址:https://pan.baidu.com/s/1c1ZXnBa

© 著作权归作者所有

共有 人打赏支持
码农般的学良
粉丝 1
博文 20
码字总数 23265
作品 0
通州
jquery版本间兼容性:checkbox选中状态

最近在学习Jquery,发现attr不太好用,从网上搜了下终于知道其原因,记下备查。 以下为以为网友在js贴吧的内容: 以<input type="checkbox" id="all"/>为例子取值的例子 $("#all").attr("ch...

北方攻城师
2014/08/05
0
0
JQuery处理checkbox的checked属性正确用法

JQuery处理checkbox选中不选中在各个版本中是不同的。 checkbox在jquery各个版本中操作方式是不同的。总结如下: - 在jquery1.5及其以下的版本中使用 attr("checked") 方法进行操作; - 在j...

夜辰
2015/04/10
0
1
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
0
0
Jquery checkbox 在 chrome 下的一些有趣的特性

Jquery checkbox 在 chrome 下的一些比较有意思的特性 Jquery checkbox 有一些非常有意思的特性, 下面就这些特性我们来举几个例子 EXAMPLE ONE: 当 checkbox 没有被选中的时候在进行 attr 查...

香吉士
2012/11/22
0
0
Jquery checkbox 在 chrome 下的一些比较有意思的特性

Jquery checkbox 在 chrome 下的一些比较有意思的特性 Jquery checkbox 有一些非常有意思的特性, 下面就这些特性我们来举几个例子 当 checkbox 没有被选中的时候在进行 attr 查看的时候,显...

香吉士
2012/06/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Kafka如何做到1秒处理1500万条消息?

Apache Kafka 是一款流行的分布式数据流平台,它已经广泛地被诸如 New Relic(数据智能平台)、Uber、Square(移动支付公司)等大型公司用来构建可扩展的、高吞吐量的、且高可靠的实时数据流系统...

架构师springboot
15分钟前
4
0
如何清理Nexus Repository Manager

随着开发运维一体化的理念逐渐深入,持续集成流水线已经成为软件开发的标配。持续集成通过高度自动化的方式,使得构建发布变得非常简单,构建发布次数随之变的越来越多。我们在享受高频次的构...

JasonSE
28分钟前
0
0
聊聊storm的ack机制

序 本文主要研究一下storm的ack机制 实例 SentenceSpout public class AckSentenceSpout extends BaseRichSpout { private ConcurrentHashMap<UUID, Values> pending; private Spo......

go4it
37分钟前
0
0
《netty入门与实战》笔记-05:netty内置的channelHandler

Netty 内置了很多开箱即用的 ChannelHandler。下面,我们通过学习 Netty 内置的 ChannelHandler 来逐步构建我们的 pipeline。 ChannelInboundHandlerAdapter 与 ChannelOutboundHandlerAdap...

Funcy1122
57分钟前
3
0
帧动画(wifi信号动态动画)

准备六张wifi不同信号强度的素材图片,复制到drawable目录中 在drawable目录中新建frame文件,并编写代码 <animation-list xmlns:android="http://schemas.android.com/apk/res/android"> ...

lanyu96
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部