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

 更新时间:2016年11月16日 08:45:35   作者:陈达辉  
这篇文章主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下

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

先看如下代码:

/**
 * 全选
 */
 function checkAll() {
   $("input[name=ids]").attr("checked", true);
 }
 /**
 * 全不选
 */
 function uncheckAll() {
   $("input[name=ids]").attr("checked", false);
 }

问题描述:

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

解决方法:

google之:

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

/**
 * 全选
 */
function checkAll() {
  $("input[name=ids]").prop("checked", true);
}

至此问题解决!

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery form操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jquery插件实现鼠标隐藏

    jquery插件实现鼠标隐藏

    这篇文章主要为大家详细介绍了jquery插件实现鼠标隐藏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • MVC Ajax Helper或Jquery异步加载部分视图

    MVC Ajax Helper或Jquery异步加载部分视图

    这篇文章主要介绍了MVC Ajax Helper或Jquery异步加载部分视图的相关资料,需要的朋友可以参考下
    2015-11-11
  • jQuery切换所有复选框选中状态的方法

    jQuery切换所有复选框选中状态的方法

    这篇文章主要介绍了jQuery切换所有复选框选中状态的方法,可实现批量切换复选框选中状态的功能,需要的朋友可以参考下
    2015-07-07
  • jQuery EasyUI 页面加载等待及页面等待层

    jQuery EasyUI 页面加载等待及页面等待层

    这篇文章主要介绍了jQuery EasyUI 页面加载等待及页面等待层,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • jQuery实现轮播图及其原理详解

    jQuery实现轮播图及其原理详解

    这篇文章主要为大家详细介绍了jQuery实现轮播图及其原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 基于jQuery的checkbox全选问题分析

    基于jQuery的checkbox全选问题分析

    这篇文章主要介绍了基于jQuery的checkbox全选问题,结合实例形式分析了jQuery实现全选功能中遇到的问题与相应的解决方法,需要的朋友可以参考下
    2016-11-11
  • jQuery实现适用于移动端的跑马灯抽奖特效示例

    jQuery实现适用于移动端的跑马灯抽奖特效示例

    这篇文章主要介绍了jQuery实现适用于移动端的跑马灯抽奖特效,结合实例形式分析了jQuery结合时间函数动态操作页面元素实现的跑马灯抽奖功能相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • jquery对dom的操作常用方法整理

    jquery对dom的操作常用方法整理

    jquery对dom的操作包括了对html内容的添加、删除元素/内容、操作CSS等等,本文整理了一些dom操作的常用方法,感兴趣的朋友可以参考下哈
    2013-06-06
  • jquery实现图片随机排列的方法

    jquery实现图片随机排列的方法

    这篇文章主要介绍了jquery实现图片随机排列的方法,涉及jQuery操作图片的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • Domino中运用jQuery读取视图内容的方法

    Domino中运用jQuery读取视图内容的方法

    jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
    2009-10-10

最新评论