问题

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><script src="/js/jquery-1.12.4.min.js"></script><script>$(function () {$('input[type="radio"]').change(function(){var bool = $(this).attr("checked");//alert(typeof(this));alert(typeof(bool));if(bool){$("p").text("你选择的是：" + $(this).val());}})})</script>
</head>
<body><div><label><input type="radio" name="fruit" value="苹果" />苹果</label><label><input type="radio" name="fruit" value="香蕉" />香蕉</label><label><input type="radio" name="fruit" value="西瓜" />西瓜</label></div><p></p>
</body>
</html>

选择radio后发现typeof(bool)是underfined,也就是attr方法不能获得这个checked属性。

解决

把attr改为prop就行。

在这里在线测试。

更多方法参考这篇博客。

总结

prop()方法跟attr()方法相似，都是用来获取或设置元素的HTML属性的。不过两者也有着本质上的区别。

jQuery官方建议：具有true和false这两种取值的属性，如checked、selected或disabled等建议使用prop()来操作，而其他的属性都建议使用attr()来操作。

prop()方法的出现就是为了弥补attr()方法在表单属性操作中的不足。记住一句话就行了：如果某个属性没法使用attr()获取或设置，改换prop()就可以搞定。

jQuery获取元素属性值为undefined相关推荐

Jquery 获取元素属性值
获取属性获取内置属性获取自定义属性 prop( 'value name','value') attr('value name','value') jquery中内置属性只能用来获取内置自定义只能 ...
jquery获取元素索引值index()
jquery获取元素索引值index() 作者: 梅川内酷于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法搜索匹配的元素,并返回 ...
jQuery获取标签属性值（一）
1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...
java dom获取命名空间属性_Java DOM XML解析::获取元素属性值
如何从元素中提取属性值.我的xml节点是这样写的 &LT nodename attribute ="value">我需要将其解压缩以将其与另一个字符串进行比较. 但由 ...
airtest-poco获取元素属性值attr
poco有直接获取属性的接口get_text,get_name.有时我们想获取其他的属性值,这时就需要用到attr(),我用个实际的场景示范下,比如,我想获取qq头像框的visible属性值代码: ...
jquery获取元素的值，获取当前对象的父对象等等
jsp代码: <span><input type="hidden" value="1" id="newInfo">& ...
原生JS获取元素属性值
方法一第一步我们要获取到元素(比如用ID),不可以是类数组(比如用class),类数组除了有一些数组的基本特征不可以使用其他方法,你会报错的第二步目标元素必须设置position为absolu ...
jQuery获取元素索引值index（）方法
jQuery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数: 如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置: ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
获取 html class属性,jquery获取class属性的值
jquery获取class属性的值的方法:首先创建一个前端示例文件:然后通过"$('#demo').attr('class');"或者"$('#demo')[0].cla ...

jQuery获取元素属性值为undefined

问题

解决

总结

jQuery获取元素属性值为undefined相关推荐

最新文章

热门文章