checkbox prop()函数

1.设置checkbox选中状态 ①选中: .prop('checked',true); ②不选中:.prop('checked',false); 2.获取checkbox选中状态 .prop('checked');…

今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来. prop() : 获取匹配元素集中第一个元素的值判断checkbox中的第一个是否被选中: $(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回false. 禁用和选中页面上的所有复选框: $("input[type='checkbox']").prop("disabled"…

jquery中attr()与prop()函数用法实例详解(附用法区别)

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.…

jQuery中attr()函数 VS prop()函数

http://www.365mini.com/page/jquery-attr-vs-prop.htm 在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并大不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和prope…

jQuery.prop() 函数详解

prop()函数用于设置或返回当前jQuery对象所匹配的元素的属性值. 该函数属于jQuery对象(实例).如果需要删除DOM元素的属性,请使用removeProp()函数. 语法jQuery 1.6 新增该函数.prop()函数有以下两种用法: 用法一: jQueryObject.prop( propertyName [, value ] ) 设置或返回指定属性propertyName的值.如果指定了value参数,则表示设置属性propertyName的值为value:如果没有指定valu…

checkbox prop无效问题

因为bootstrap插件问题,需要先获取input的上级元素,然后添加checked $("input[name='checkInput']").parent().addClass('checked'); $("input[name='checkInput']").prop("checked",true); $("input[name='checkInput']").parent().removeClass(); $(&…

jQuery函数attr()和prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和property却是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性…

jQuery函数attr()和prop()的区别，val()

[自己总结,详情见下面转录的文章]: attr()用于操作html属性,prop()属性用于操作DOM属性 ①: 很多情况下可以互用 ②:attr()独自适用的情况,自定义的html属性,html属性和dom属性不同名的情况,如具有同一个值的属性:class(html),className(DOM) ③:prop()独自适用的情况,①html属性和dom属性不同名时;②表单中的checked,selected,disabled等属性 HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值…

jquery,attr,prop,checkbox标签已有checked=checked但是不显示勾选

最近在做项目的过程中碰到了这样的一个问题:在使用bootstrap模态框的过程中,在模态框中有一个checkbox标签,一开始是为选中的,当点击触发模态框按钮,选中chcekbox时,会显示勾选,这个时候将选中的状态缓存起来,然后点击模态框中的关闭按钮,再次点击触发模态框按钮弹出模态框,这个时候问题出现了: checkbox标签已有checked=checked但是不显示勾选,网上也查过有解决方案,就是将 $("...").attr("checked&qu…

prop解决一个checkbox选中后再次选中失效的问题

//问题点初始状态复选框没有全选, 点击全选按钮调用checkAll方法, 实现了全选, 然后点击全不选按钮, 实现了全不选, 然后再次点击全选按钮, 结果却木有全选, 再反复点击木有任何反应. demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script…

jquery中checkbox的选中，反选，全不选注意1.6版本以上将attr改成prop

jquery checkbox相关 prop方法

jquery checkbox相关 prop方法 firefox中 checkbox属性checked="checked"已有,但复选框却不显示打钩的原因复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选. 正…

jQuery使用prop设置checkbox全选、反选

$(function(){ var checkbox = $("input[type='checkbox']"); //全选 $('#select-all').click(function(){ checkbox.prop("checked", true); }); //反选 $('#select-reverse').click(function(){ checkbox.prop(&qu…

jQuery常用方法和函数

jQuery 事件 bind() 方法:被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 $(selector).bind({event:function, event:function, ...}) $("button").bind("click",function(){ $("p").slideToggle(); }); focus([[data],fn]) 元素获得焦点时,触发 focus 事件 $("input[t…

jquery中CheckBox的checked状态用attr()的问题

写了一个脚本,点按钮时选中checkbox,前几次可以选中,多点几次发现checkbox并未选中,调试后发现checked状态根本没有改变,后在网上查证与attr()函数有关,后改为prop问题解决. 引用网上的一段话"attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数.毫无疑问,在1.6之前,你只能使用attr()函数:1.6及以后版本,你可以根据实际需要选择对应的函数.3.用于设置的属性值类型不同.由于attr()函数操作的是文档节点的属性,因…

JQuery checkbox check/uncheck

想通过JQuery来check或者uncheck页面上的checkbox控件,我们可能会想到用下面的代码: $('#chk-all').on('click', function(){ var checked = $(this).is(':checked'); $("input[type='checkbox'][name='chk-att']").attr('checked', checked); }); chk-all是一个checkbox控件,我们想通过点击它来实现全选或取消全选的功…

jQuery 更改checkbox的状态，无效

今天写页面遇到复选框动态全选或全不选问题,正常写法如下: $("#tb").find("input[type='checkbox']").attr("checked","checked"); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效.那两者有啥区别呢? jQuery函数attr()和prop()的区别: 1.操作对象不同 attr和prop分别是单词attribute和p…

点击checkbox，触发事件

时间选择: 起始时间:<input type="text" value="2016-03-21 12:24:10" id="starttime" size="" class="m-wrap wid200 " onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">结束时间:<input type=…

attr和prop

<div class="content-item active"> <table class="table"> <thead> <tr> <th></th> <th>姓名</th> <th>部门</th> </tr> </thead> <tbody> <tr> <td><input…

input[type=checkbox]

一个问题,今天用jquery-1.11.3.min.js时遇到的关于input复选框的问题. 类似于以下代码: <ul class="demo"> <li><label ><input type="checkbox"/>首页</label></li> <li><label ><input type="checkbox"/>关于</…

jQuery学习之prop和attr的区别

1.attr() :默认保存的是浏览器的初始值 prop()保存的是更新的值 2.下面的是首用法,但是.attr()方法可以运行在所有的attributes情况下. 注意:一些DOM元素的properties也被列在下面,但是仅运行在新的.prop()方法中 .prop()方法应该被用来处理boolean attributes/properties以及在html(比如:window.location)中不存在的properties.其他所有的attributes(在html中你看到的那些)可以…

jQuery.prop() 使用详解

prop()函数用于设置或返回当前jQuery对象所匹配的元素的属性值. 该函数属于jQuery对象(实例).如果需要删除DOM元素的属性,请使用removeProp()函数. 语法 jQuery 1.6 新增该函数.prop()函数有以下两种用法: 用法一: jQueryObject.prop( propertyName [, value ] ) 设置或返回指定属性propertyName的值.如果指定了value参数,则表示设置属性propertyName的值为value:如果没有指定val…

jquery prop()方法解决全选不全选反选问题解决执行一次不不能再执行问题

//1.如果通过prop()函数更改<input>和<button>元素的type属性,在多数浏览器上将会抛出一个错误,因为该属性一般不允许在后期更改.//如果使用prop()函数操作表单元素的checked.selected.disabled等属性,如果该元素被选中(或禁用),则返回true,否则(意即HTML中没有该属性)返回false.//3.prop()函数还可以设置或返回DOM元素的Element对象上的某些属性,例如:tagName.selectedIndex.node…

attr设置checked，disabled等属性失效的问题，jquery的attr和prop的区别

最近做项目遇到一个问题,radio设置了默认checked值,attr("checked",true)切换checked值失效最后发现是jquery1.6版本之后,attr和prop的不同导致的简单复现效果如下: 预览效果看效果可以知道,attr设置属性切换只有第一次是生效的,而prop切换每次都生效,prop切换的效果是满足项目需求的那么这两者的区别是什么: 在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同,但不得…

jquery中attr与prop的区别

先从一个老生常谈的问题说起,使用jquery实现全选全不选.楼主先使用的jquery版本是 jquery-1.11.1.min.js 全选<input type="checkbox" name="checkedAll" id="checkedAll" onclick="checkedAll();"/><br> A<input type="checkbox" name="…

jQuery的一些基本的函数和用jQuery做一些动画操作

jQuery是对js的封装,因为js有一些不方便的地方.所以,jQuery才会去对js进行封装. jQuery对于标签元素的获取 $('div')或$('li') <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <ul&…

firefox(火狐)下 js中设置checkbox属性checked="checked"已有，但复选框却不显示勾选的原因

刚看到问题时以为是浏览器兼容性的原因,ie.google都能正常显示. 网上查询之后发现是jQuery的attr()方法用的不恰当. jQuery1.6之前使用attr()可以修改 ,从jQuery 1.6开始,attr()方法返回undefined尚未设置的属性,对于设置checked这种类型的属性使用prop()来设置. jquey官网给出的两个方法的说明: 获取匹配元素集中第一个元素的属性值,或为每个匹配元素设置一个或多个属性. 并指出检索和修改DOM属性,如checked,selecte…

Jquery中attr()与prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同.但是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同 attr是单词attribute的缩写,prop是property的缩写,它们的都表示”属性”的意思.不过,在Jquery里面attribute和property是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性.我们来看个例子区分一下什么是HT…

jquery操作复选框(checkbox)的一些小技巧总结

1.获取单个checkbox选中项(三种写法) //第一种 $("input:checkbox:checked").val() //第二种 $("input:[type='checkbox']:checked").val(); //第三种 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项 $('input:checkbox').each(function() { if ($(this…

jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性:1.HTML <input> checked 属性◆ 定义和用法checked 属性是一个布尔属性.checked 属性规定在页面加载时应该被预先选定的 <input> 元素.c…