Jquery attr方法为已选中的复选框返回undefined - 腾讯云开发者社区

文章/答案/技术大牛

发布

checkbox选中和不选中的值_设置checkbox选中状态

1.设置选中：$(“#hasApply”).prop(“checked”,true); 设置不选中：$(“#hasApply”).prop(“checked”,false); 或如下方法： // $(...“#ck”).attr(“checked”,true)//选中 // $(“#ck”).attr(“checked”,false)//未选中 2.获取选中的状态：var status = $(“#hasApply...”).prop(“checked”); 3.判断checkbox是否选中的3种方法方法一： if ((“#checkbox-id”).get(0).checked) { // do something...} 方法二： if((‘#checkbox-id’).is(‘:checked’)) { // do something } 方法三： if ((‘#checkbox-id’).attr(‘checked...’)) { // do something } 注意：在jQuery1.6版本之后，这个方法返回的是undefined；取复选框有没有被选中，要用prop，返回true/false if((‘#checkbox-id

9.7K2 0

下拉菜单11+原生js获取select下拉框的selected的option项

的value： myselect.options[index].value; 4:拿到选中项options的text： myselect.options[index].text; 二：jquery方法（...当然这样写可能会比较麻烦，jquery为我们提供了更加方便的方法主要是用到了jquery中的选择器: var selectedOption = $("#selectBox option: selected...$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 jQuery添加...(注意中间没有空格) 3,复选框: $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 $("input[@type=checkbox...')==undefined) //判断是否已经打勾单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

3.2K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

从零开始学 Web 之 jQuery（四）元素的创建添加与删除，自定义属性

","box"); // 1、attr 方法主要操作元素的自定义属性的，但是也可以操作元素的自带属性。...但是操作元素是否选中的 checked 属性时不合适。 2、操作元素的选中 checked 属性，推荐使用 prop 方法。...自定义属性的选中问题元素.attr(); // 获取某个元素是否被选中的状态元素.attr("checked",true); //设置某个元素为选中 <input type="radio" value...("checked")); $("#r1").attr("checked", true); PS：attr 方法针对单选框和复选框的是否选中问题操作复杂（选中返回值为 checked，未选中返回值为...var actualLength = $(".tb :checked").length;// 已经选中的子复选框的个数 $(".th input").prop("checked", childLength

2.9K3 0

获取页面中被选中元素的 JS原生方法与 jQuery方法分析

---- jquery方法：方法一： $(selector).get(0).checked; //返回true 或者 false 方法二： $(selector).is(':checked'); /.../返回true 或者 false 方法三：（有缺陷） $(selector).attr('checked'); //返回checked 或者 undefined 方法四： $(selector).prop...('checked'); //返回true 或者 false 解释方法一严格来说，好吧，不能算是jQuery的方法，这个方法先通过jQuery获取元素，但这里获取的是一个jQuery对象，所以又通过...方法二 is() 方法用于查看选择的元素是否匹配选择器，:checked 是jQuery中的选择器选取所有被选中的元素（复选框或单选按钮）这个方法是推荐使用的jQuery方法方法三这个方法不推荐使用...[ name ] 这里我们可以理解为document.getElementById(elem)[name] = value，也就是上面说的js原生方法一总结获取页面被选中元素的方法有很多，

5.9K2 0

一文玩转jQuery+Ajax

而通过jQuery获取的对象是jQuery包装集对象，简称jQuery对象，只有jQuery对象才能使用jQuery提供的方法。...为blue的元素通用选择器 $("*") 选择页面所有元素组合选择器 $("#mydiv,span,.blue") 同时选中多个选择器匹配的元素 <!...举例说明 attr(属性名称) attr('checked')或attr('name') 获取指定的属性值，操作checkbox时，选中返回checked，没有选中返回undefined prop(...不可获取如果返回值是布尔类型的属性，若设置了属性，attr()返回具体的值，prop()返回true。...若未设置属性，attr()返回undefined，prop()返回false 总结：如果属性的类型是boolean，则使用prop()方法，否则使用attr()方法。 <!

4.9K2 1

jQuery的基本操作

,select中的option）,对于select元素来说,获取选中推荐使用:selected 描述查找说有选中的复选框元素 HTML代码 attr) 1·属性名称 2·返回属性值得函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值· name描述：返回文本中所有图像的src属性值· jQuery...概述 //从没一个匹配的元素中删除一个属性 1.6以下版本在IE6使用jQuery的removeAttr方法删除disabled是无效的· 1.7版本在IE6下已支持删除disabled· name...undefined值的属性,而忽略了浏览器生成的任何错误· name 属性名称 properties 作为属性的"名、值对"对象 key,value 1·属性名称 2·返回属性值的函数·第一个参数为当前元素的索引值...·第二个参数为原先的属性值· 参数name描述选中复选框为,true没选中为false jQuery代码 $("input[type="checkbox"]").porp("checkbox");

8.8K2 0

前端成神之路-02_jQuery

2.因为checked 是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。...4.当我们每次点击小的复选框按钮，就来判断： 5.如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。 6....注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。语法2 ? ...注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...清理购物车 3.商品后面的删除按钮：一定是删除当前的商品，所以从 $(this) 出发 4.删除选中的商品：先判断小的复选框按钮是否选中状态，如果是选中，则删除对应的商品 5.清理购物车：则是把所有的商品全部删掉

3K1 0

jQuery 属性操作

1.jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，...("span").data("uname")); // 这个方法获取data-index h5自定义属性第一个不用写data- 而且返回的是数字型...2.因为checked 是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。...4.当我们每次点击小的复选框按钮，就来判断： 5.如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。6....如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。

2.4K2 0

jquery的checkbox,radio,select等方法总结

var isSelected = $("#checkAll").attr("checked"); // 判断id=checkAll的那个复选框是否处于选中状态，选中则isSelected=true...").attr("checked", 'checked');// 将id=checkbox_id3的那个复选框选中，即打勾 $("#checkAll").attr("checked", false)...=3]").attr("checked", 'checked');// 将name=subBox, value=3 的那个复选框选中，即打勾 $("input[name=subBox][value=...){ //由于复选框一般选中的是多个,所以可以循环输出选中的值 alert($(this).val()); }); //jquery1.6之后新增.prop()属性，因此jquery1.6...").val(4);// 2.设置Select的Value值为4的项选中 /** * jQuery添加/删除Select的Option项 */ $("#select_id

2.9K2 0

jQuery 属性操作

jQuery 常用属性操作有三种：prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如元素里面的 href...("span").data("uname")); // 这个方法获取data-index h5自定义属性不用写data- 而且返回的是数字型 console.log...2.因为checked 是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。...4.当我们每次点击小的复选框按钮，就来判断： 5.如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。 6.... // 如果小复选框选中的个数等于所有小复选框个数，则选中全选按钮否则不选中 // .j-checkbox:checked 选中的复选框 if ($(

1.9K3 0

jquery中attr和prop区别

相同点：都是jq中的自定义属性的方法。...区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂（元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true...或者 false 那么简单）示例：元素.prop("checked"); // 获取这个元素是否选中（可以直接显示true或false），更加方便。

1.1K1 0

「jQuery」基础 - 02

如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。 :checked 选择器 :checked 查找被选中的表单元素。 <!...语法1 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...语法2 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...清理购物车商品后面的删除按钮：一定是删除当前的商品，所以从 $(this) 出发删除选中的商品：先判断小的复选框按钮是否选中状态，如果是选中，则删除对应的商品清理购物车：则是把所有的商品全部删掉...(详情参考源代码) 1.3.5 案例：购物车案例模块-选中商品添加背景核心思路：选中的商品添加背景，不选中移除背景即可全选按钮点击：如果全选是选中的，则所有的商品添加背景，否则移除背景小的复选框点击

3.9K2 0

jQueryJS判断设置checkbox的选中状态

项目中经常遇到 checked 选中的问题，可以通过 JS 或者 jQuery 实现。...check.checked = true; // 设置元素为未选中状态 check.checked = false; 2、jQuery 方法判断选中： (1)、JQ1.6版本之前（不包括1.6版本）...判断 checkbox 是否被选中用的是 attr() 方法，HTML代码与上面相同，只放 jQuery 代码： console.log($("input[type='checkbox']").attr...中新引入了 prop() 方法，此时再用 attr() 方法判断 checkbox 的状态则会返回 undefined ，若有设置 checked 属性为 true ，则会返回 checked 而不是...要特别注意不要漏巧":disabled"中的"":" 设置选中： $("input[name='checkbox']").attr("checked",true); 取消选中： $("input[name

19.8K1 0

jQuery.prop , jQuery.attr ,jQuery.data

如果值没有设置过或者不存在匹配的元素的话返回空(如果存在这个prop的key，比如var val=$("#div1").prop("class")，alert出来就是空)或者undefined（不存在这个...val; }); //功能就是把checkbox的选中状态变了一下~~呵呵，又多了一种写法。如果在return上加判断，返回undefined就不改变。...在jQuery1.6以前的版本中，也可以用.attr()来获取。但这其实不是.attr的分内之事，因为这些只是property，而不是attribute。比如有这个。...$(elem).attr("checked")永远是checked 或者 undefined。...所以，"改变"checked attribute不能改变checkbox的选中状态，但是用.prop可以。考虑到浏览器兼容性的问题，判断一个checkbox是否被选中，用.prop()方法。

5K2 0

【前端JQ】jQuery赋值checked的几种写法，attr()方法不好使，建议使用prop()方法。

jQuery判断checked是否是选中状态的三种方法: 　.attr('checked') // 返回:"checked"或"undefined" ; 　.prop('checked') // 返回true.../false 　.is(':checked') // 返回true/false //别忘记冒号哦　　jQuery赋值checked的几种写法: 　$("#checked").attr("checked...","true"); //不标准，不推荐了　　jQuery的prop()的赋值(推荐如下写法): 　$("#checked").prop("checked",true); //标准写法，推荐! 　...true或false 　}); 在项目实际应用中，使用.attr()方法时，在多次选中取消再选中之后.attr()方法就不生效了。...所以正确的用法应该是使用.prop()方法。可以保证每次都会生效。

1.5K3 0

jQuery选择器和选取方法

[attr] 匹配拥有attr属性(和值无关)的所有元素 [attr=val] 匹配拥有attr属性且值为val的所有元素 [attr!...使用“:checked”来选取选中的复选框和单选框(jQuery的扩展) :submit 匹配和元素(jQuery...本章中我们已看到过的大部分jQuery方法都是在选中元素上执行某种操作。选取方法不一样:它们会修改选中元素集，对其进行提取、扩充或仅作为新选取操作的起点。本节描述这些选取方法。...first()返回的jQuery对象仅包含选中元素中的第一个，last()返回的jQuery对象则只包含最后一个元素。更通用的是，eq()方法返回物Query对象只包含指定序号的单个选中元素。...它会在每一个当前选中元素的子孙元素中寻找与指定选择器字符串匹配的元素，然后它返回一个新的 jQuery对象来代表所匹配的子孙元素集。注意这些新选中的元素不会并入已存在的选中元素集中。

6.1K4 0

学习jQuery？这篇文章就够了

虽然 jQuery 对象包装了 DOM 对象但是两者不能混用，各位可以理解为 jQuery 对象与 DOM 对象是两个不类型的对象，但是我们调用 jQuery 对象的方法，事实上底层代码还是操作的是 DOM...注意：如果通过 jQuery 方法获取页面中元素，没有查找到，返回值不是 null，返回值为一个空数组 []，所以判断是否获取到元素，通过 jQuery.size() != 0 来判断。...元素属性操作的方法 1、属性操作的方法 css val addClass，removeClass prop data attr 2、练习 2.1、准备页面新建 webapp/jq_01/09.jQuery_attr.html...$(domEle).prop('checked')); }); // 点击反选，若爱好全选中，最上面复选框要选中，反之不要选中 check();...} $(function () { // 点击所有爱好复选框，若爱好全选中，最上面复选框要选中，反之不要选中 $('[name=hobby]').click(function

13.6K1 0

10个jQuery表单操作代码片段

，你需要调用不同类型的清楚方法，不过使用下面这个现成方法，绝对能让你省不少功夫。...下面的代码对于ajax操作非常有用，你可以有效的避免用户多次提交数据，个人也经常使用：禁用按钮： $("#somebutton").attr("disabled", true); 启动按钮： $(...'undefined') { jQuery.data(this, "disabledOnSubmit", { submited: true }); $('input[type=submit], input...("labelfocus"); }).blur(function() { $("label").removeClass("labelfocus"); }); 代码片段7: 动态方式添加表单元素这个方法可以帮助你动态的添加表单中的元素...optionDisplay + '</option>'; } $("select#ctlPerson").html(options); }) }) }) 代码片段9: 判断一个复选框是否被选中

1.3K0 0

WEB入门之十五属性和样式

我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作，但是在使用attr函数对可简写的属性进行设置操作时没有问题，进行取值操作时会出现问题，例如下面的代码。...这是因为在使用attr函数获得checked属性的值时，如果复选框处于选中状态，则获得true；如果复选框处于未选中状态，则获得undefined，并非false。...对于这个问题就可以使用prop来代替attr即可在使用prop函数获取checked属性的值时，如果复选框处于未选中状态，那么返回false。...tbody 浏览器允许table元素不包含tbody元素，则返回true。目前在IE中会返回false，它会自动插入缺失的tbody。...、上机练习我们在第一章学习过JSON，现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。

5071 0

WEB入门之十五属性和样式

5991 0

点击加载更多

checkbox选中和不选中的值_设置checkbox选中状态

下拉菜单11+原生js获取select下拉框的selected的option项

从零开始学 Web 之 jQuery（四）元素的创建添加与删除，自定义属性

获取页面中被选中元素的 JS原生方法与 jQuery方法分析

一文玩转jQuery+Ajax

jQuery的基本操作

前端成神之路-02_jQuery

jQuery 属性操作

jquery的checkbox,radio,select等方法总结

jQuery 属性操作

jquery中attr和prop区别

「jQuery」基础 - 02

jQueryJS判断设置checkbox的选中状态

jQuery.prop , jQuery.attr ,jQuery.data

【前端JQ】jQuery赋值checked的几种写法，attr()方法不好使，建议使用prop()方法。

jQuery选择器和选取方法

学习jQuery？这篇文章就够了

10个jQuery表单操作代码片段

WEB入门之十五属性和样式

WEB入门之十五属性和样式

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐