热门标签 | 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



推荐阅读
  • javawebservlet,javawebjspservletServlet-注册页面环境准备:本文所用到环境如下:软件:月食(2018)服务器:Tomcat9在index.js ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • Windows下配置PHP5.6的方法及注意事项
    本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项,包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法,如下载缺失的msvcr110.dll文件等。通过本文的指导,读者可以轻松地在Windows系统下配置PHP5.6,并解决一些常见的配置问题。 ... [详细]
  • 欢乐的票圈重构之旅——RecyclerView的头尾布局增加
    项目重构的Git地址:https:github.comrazerdpFriendCircletreemain-dev项目同步更新的文集:http:www.jianshu.comno ... [详细]
  • UsingPMA-2.5.2-rc2onPHP-4.1.2andnothavingDROPTABLEprivilege,whenI-sel ... [详细]
  • ASP.NET MVC验证标注的扩展checkbox必选
    我们知道ASP.NETmvc提供一些表单的验证标注,比如必填属性RequiredAttribute但是这个属性不适合选择框的必选但是很多时候,我们却是需要一些必选的单选框比如网站注 ... [详细]
  • 前端判断登陆页面输入是否符合要求 ... [详细]
  • 开发笔记:jquery1.6中的.prop()和.attr()异同
    本文由编程笔记#小编为大家整理,主要介绍了jquery1.6中的.prop()和.attr()异同相关的知识,希望对你有一定的参考价值。最近在iteye的新闻中看到jQuery ... [详细]
  • ngScreeningv0.4.9angular挑选器组件经由过程掌握器定义数据,screening帮你完成数据的衬着、监听、过滤等功用。DEMOhttp:moerj.github ... [详细]
  • CocosStudio文件解析工具CsdAnalysis
    起因因为工作需要,所以需要使用CocosStudio来制作界面动画什么的。做完了发现需要找里边对象的时候会有很长一串代码,感觉不是很爽。之前写OC代码的时候可以吧程序中的对象指针跟编辑器中的对象相对容 ... [详细]
  • 微信小程序 button、checkbox、radio组件
    微信小程序的button、checkbox、radio三个组件都属于表单组件官方参考文档:https:developers.weixin.qq.comminiprog ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
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社区 版权所有