位置: 编程技术 - 正文

浅谈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格式例子)

  • 城建税减免性质代码怎么选择2020年4月
  • 企业所得税法
  • 交易性金融资产的交易费用计入哪里
  • 印花税申报成功后在哪缴税
  • 个人如何办理营业执照需要什么材料
  • 其他收益科目代码
  • 公司租房水电费如何入帐
  • 资产申报是什么
  • 外商独资企业资本金的使用
  • 行政事业单位资产管理工作总结
  • 代扣五险一金会扣多少
  • 个体户季度报税表怎么填
  • 前期差错更正中所得税的会计处理
  • 一般纳税人注销库存需要补交税吗
  • 预估材料入账后冲回的步骤
  • 库存现金盘亏无法查明原因的分录
  • 预付帐款科目如何转平?
  • 企业借款增加实际成本
  • QuickBooks - QuickBooks是什么进程 有什么用
  • 增值税专用发票丢了怎么补救
  • 公司一般账户不用了会怎么样
  • 有限公司注册资本500万就真的有500万吗
  • 收货款时少收几十元,分录怎么做
  • mac菜单键怎么设置出来的
  • vue+element-ui项目
  • thinkphp curl
  • php面向对象编程
  • 企业所得税如何更正申报
  • vue项目部署上线 需要做哪些准备
  • php curl file_get_contents
  • 使用php连接多种数据库
  • 媒体查询是什么
  • vue父组件子组件
  • php array search
  • php获取远程图片文件流
  • python 微信
  • 什么是附加税举个例子
  • 加工行业增值税负率一般控制在多少?
  • 软件成本如何归类管理
  • 增值税进项税如何申报
  • 应收账款账龄如何填写
  • 医用耗材税率是多少
  • 财务报表申报错误情况说明范文
  • 一般纳税人申报表电子版
  • 为什么盈利要利息呢
  • 购买金税盘抵税会计分录
  • 如何降低应收账款成本
  • 未开票收入如何结转成本
  • 员工奖励账务处理流程
  • 期末留抵的进项税可以计入成本吗
  • 车子以旧换新还能贷款吗
  • 拆迁置换安置房
  • 审计 调整分录
  • 银行日记账记错了怎么办
  • 数量金额式明细账余额怎么填
  • 财务单独核算是什么意思
  • 固定资产多少钱入账
  • 企业存货会计分录
  • mysql优化配置文件
  • mysql 5.6 5.7
  • linux中sed详细用法
  • 怎么进入bios设置界面win10
  • win7硬盘安装器下载
  • linux,Centos5,Ubuntu关掉ipv6的方法
  • netddeclnt.exe - netddeclnt是什么进程 有什么用
  • win1021h2版本怎么样
  • win10 ie浏览器双击没有反应
  • 无法启动.dll
  • nodejs的socket
  • cocos2dx官方教程
  • 代码sd是什么意思
  • 开通局域网共享工具
  • unity3d控制物体移动
  • three.js 教程
  • JavaScript Switch 声明
  • jquery自动点击按钮
  • 支付水电费的增值税税率文件
  • 党建引领安全宣传美篇幼儿园
  • 国家税务总局纳税服务司罗名
  • 合伙企业所得税账务处理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设