位置: 编程技术 - 正文

浅谈jQuery中的checkbox问题(jquery示例)

编辑:rootadmin

推荐整理分享浅谈jQuery中的checkbox问题(jquery示例),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:浅谈jquery的应用,jquery?,jquery的gt,浅谈jquery的应用,jquery示例,jquery示例,jquery detach,jquerycdn,内容如对您有帮助,希望把文章链接给更多的朋友!

一开始的代码:

当使用带有jQuery的方法attr()时,会有相应的问题存在,比如当你在点击id=all的复选框前去点击id=list下的复选框,这时当你再次点击id=all的复选框时就会出现之前点击的复选框没有变化,但是查看元素时发现该复选框的checked值会发生相应的变化。我查了一下资料,问题出在如下:

原来是jQuery版本问题。因为这里用的是attr(),而jQuery的版本用的是3.1.0的,这就存在一个兼容性问题。

$("XXX").attr("attrName");而jQuery的版本用的是2.1.1,这就是存在一个兼容性和稳定性问题。

jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,

即使用代码如下:

给出使用jQuery事先的全选和全不选:

使用原声JS实现全选和全不选

最后插入attr()与prop()的区别:

浅谈jQuery中的checkbox问题(jquery示例)

jquery1.6中新加了一个方法prop(),官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。

大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。

jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。

那么,什么时候使用attr(),什么时候使用prop()?

1.添加属性名称该属性就会生效应该使用prop();

2.是有true,false两个属性使用prop();

3.其他则使用attr();

项目中jquery升级的时候大家要注意这点!

以下是官方建议attr(),prop()的使用:

Attribute/Property .attr() .prop() accesskey √ align √ async √ √ autofocus √ √ checked √ √ class √ contenteditable √ draggable √ href √ id √ label √ location ( i.e. window.location ) √ √ multiple √ √ readOnly √ √ rel √ selected √ √ src √ tabindex √ title √ type √ width ( if needed over .width()) √

以上这篇浅谈jQuery中的checkbox问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider) jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等,你可以通过更换JSON数据来动态切换不同的图

jQuery多个版本和其他js库冲突的解决方法 jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题jquery早早就有给我们预留处理方法了,下面一起来看看解决办法。1.同一页面jQuery多

jQuery 翻页组件yunm.pager.js实现div局部刷新的思路 前端的翻页插件有很多,bootstrap的翻页界面看起来就不错,做起来也易于上手,但应用于项目中的翻页实现还有有几个难点,分别是:如何封装一个翻

标签: jquery示例

本文链接地址:https://www.jiuchutong.com/biancheng/384161.html 转载请保留说明!

上一篇:jQuery实现将div中滚动条滚动到指定位置的方法(jquery给div添加样式)

下一篇:基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)(json格式例子)

  • 收到其他与经营活动有关的现金是什么意思
  • 进项税额转出会计分录月末如何结转
  • 支付税金怎么算
  • 税务问答网站
  • 通过法院拍卖取得的设备怎么开具发票
  • 社保和公积金是从工资里面扣吗
  • 销售费用变动率税收政策
  • 递延所得税资产和负债怎么计算
  • 工资扣款做什么科目
  • 软件 退税
  • 单位结算卡在pos渠道可办理的功能
  • 自用房产税如何计算
  • 不动产进项税额抵扣最新通知2023
  • 股东以实物出资需要交税吗
  • 企业相互之间借款合法吗
  • 预付账款金额过大的原因
  • 增值税多缴纳0.03怎么算
  • 办税员实名认证变更
  • 专用发票的开票人收款人复核人都要开齐吗
  • 私人公司老板
  • appdata如何移动
  • 电脑不支持cpu
  • OS X Yosemite系统下载失败怎么办?OS X 10.10下载错误解决方法
  • 资本公积和盈余公积都是从企业的净利润中提取的
  • 影响资金等值的三个因素
  • 个人取得的工资、薪金所得应按次征收个人所得税
  • 商贸企业零部件出口退税政策
  • win11怎么用win10界面
  • os线程是什么
  • 代扣代缴的增值税算进项税吗
  • PHP:preg_quote()的用法_PCRE正则函数
  • windows11怎么操作
  • php操作json
  • php使用教程
  • php stristr函数
  • 支出的科目有哪些
  • 草丛里的野花像
  • 发行债券的会计分录摊销
  • mac快捷切换
  • 残疾人保障基金减免政策
  • 云原生是什么
  • 目标追踪模型
  • 2手房价格
  • 赠送顾客的商品怎么入账
  • 个人所得税汇算清缴时间
  • 内部交易费用外部交易费用
  • 原材料结转成本有几种方法
  • 电子回单可以入档案吗
  • 销售成本转结分录
  • 修理费账务处理
  • sqlserver FOR XML PATH 语句的应用
  • 高新企业奖励金怎么开票
  • 企业预缴所得税年末应该怎么交税
  • 企业收取的丢失物品
  • 建筑企业预缴税款怎么算
  • 技术服务费属于什么科目
  • 进项税额转出的几种情况
  • 检测公司成本科目
  • 合同负债包括
  • 建筑简易征收适用哪些业务
  • 累计折旧用什么账页格式
  • sqlserver数据库和mysql区别
  • mysql获取当前时间
  • win10改win8.1
  • Ubuntu Kylin 14.10默认的屏幕分辨率怎么更改?
  • linux中man的用法
  • calctool
  • windows远程桌面怎么开启
  • win8怎么清空电脑只剩系统
  • win8不能安装软件
  • Unity3D游戏开发毕业论文
  • node stream原理
  • 如何进行前后端交互
  • shell脚本 \r
  • 使用nodejs连接openai超时
  • python理论基础
  • Sublime Text 3常用插件及安装方法
  • 怎么在移动官网上复机
  • 洗煤与选煤
  • 保险赔款是免征还是不征?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设