热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

checkbox选中相关问题总结

html:苹果

html:

<input type&#61;"checkbox" name&#61;"fruit" id&#61;"apple">苹果
<input type&#61;"checkbox" name&#61;"fruit" checked id&#61;"orange">橘子
<input type&#61;"checkbox" name&#61;"fruit" id&#61;"banana">香蕉

一、原生js

//选中
document.getElementById("apple").checked&#61;true; document.getElementById("orange").setAttribute(&#39;checked&#39;,&#39;checked&#39;);
document.getElementById("banana").setAttribute(&#39;checked&#39;,true); //取消选中 document.getElementById("orange").checked&#61;false;
//判断是否选中
if(document.getElementById("CheckedAll").checked)

取消选中不能用&#xff1a;

document.getElementById("banana").setAttribute(&#39;checked&#39;,false);

 

二、使用jquery

Jquery1.7.2.js

//选中$("#apple").attr(&#39;checked&#39;,true);//判断是否选中$("#apple").is(":checked");//true$("#orange").is(":checked");//true$("#banana").is(":checked");//false//取消选中$("#orange").attr(&#39;checked&#39;,false);

1.7.2中不能用prop属性。

jquery-1.9.1.min.js

//选中
$("#apple").attr(&#39;checked&#39;,true);
$(
"#banana").prop(&#39;checked&#39;,true);

三、prop()和attr()区别

.prop()方法和.attr()方法&#xff0c;单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。

jquery 1.6&#43;增加了.prop()方法 

<input type&#61;"checkbox" checked&#61;"checked" />

在1.6版中&#xff0c;调用方法$(":checkbox").attr("checked")方法将返回"checked"值&#xff0c;而不是true.

而之前的版本则会返回true/false。

 

1.添加属性名称该属性就会生效应该使用prop.
2.是有true,false两个属性使用prop.
3.其他则使用attr

参考&#xff1a;

http://www.cnblogs.com/KeenLeung/p/3799895.html

转:https://www.cnblogs.com/starof/p/6477647.html



推荐阅读
author-avatar
盖世猎人
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有