Jquery 获取checkbox的checked问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery 获取checkbox的checked问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1826字，纯文字阅读大概需要3分钟。

内容图文

转别人的一些东西： 
jquery判断checkbox是否被选中 
在html的checkbox里，选中的话会有属性checked="checked"。 
如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($(#xxx).attr("checked"))，会打印出"true"，而不是"checked"！ 
如果没被选中，打印出的是"undefined"。 
 
注意红色的部分，这里说到 
 代码如下:

$("#chekbox").sttr("checked")//should be print "true" , not "checked" 
 
经过测试，证明上面说法有问题 
 代码如下:

<script type="text/javascript"> 
$(function() { 
$("#button").click(function() { 
alert($("#checkbox").attr("checked")); 
}); 
}); 
</script> 
<input type="checkbox" name="checkbox" id="checkbox"><input type="button" id="button" value="Click Me"> 
 
//上面得出的结果是: 如果勾上checkbox，会打印出 “checked” , 如果取消打勾 会打印出 "undefined" 
实验证明Jquery获取checked的值得打印出"true"是错误的 
举一反三： 
而且发现Jquery获取已经被勾上的checkbox，永远都是"checked" 这让人费解，如果有人知道为什么，可以告诉我一下，哈~~ 
 代码如下:

<script type="text/javascript"> 
$(function() { 
$("#button").click(function() { 
alert($("#checkbox").attr("checked")); 
}); 
}); 
</script> 
<input type="checkbox" name="checkbox" id="checkbox" checked><input type="button" id="button" value="Click Me"> 
 
//注意红色位置，如果默认checkbox为checked状态，测试会发现，把勾去掉也是只会
输出"checked" , 表示不理解为什么 Jquery会这样 
解决方法，还是用document.get获取吧： 
 代码如下:

<script> 
function getcheckbox(){ 
var test = document.getElementById("checkbox").checked; 
alert(test); 
} 
</script> 
<input type="checkbox" name="checkbox" id="checkbox"><input type="button" id="button" value="Click Me" onclick="getcheckbox()"> 
 
//选中为"true",取消选中为"false" 
如果有错，希望指正。网上搜索的问题都是一个帖子转N遍，自己测试证明一下
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的Jquery 获取checkbox的checked问题全部内容，希望文章能够帮你解决Jquery 获取checkbox的checked问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端