复选框选中状态html,javascript中如何判断checkbox是否选中?
javascript判断checkbox是否选中的方法:1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。
对于在js中来判断checkbox是否被选中很简单,示例如下:
1、直接通过checkbox的checked属性判断。
HTML代码:
相应的javascript代码如下:var check = document.getElementsByTagName('input')[0];
console.log(check.checked);//false
因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置:
2、JavaScript调用jQuery判断checkbox是否被选中
(1)、JQ1.6版本之前(不包括1.6版本)判断checkbox是否被选中用的是attr()方法,HTML代码与上面相同,只放JQ代码:console.log($("input[type='checkbox']").attr('checked'));//false
(2)、JQ1.6版本之后Jquery中新引入了prop()方法,此时再用attr()方法判断checkbox的状态则会返回undefined,若有设置checked属性为true,则会返回checked而不是true
1.6+版本prop()方法:console.log($("input[type='checkbox']").prop('checked'));//false
(3)、除了以上两种方法JQ中还有一个is()方法同样可以判断checkbox的状态
is()方法代码如下:console.log($("input[type='checkbox']").is(':checked'));//false
复选框选中状态html,javascript中如何判断checkbox是否选中?相关推荐
- 获取复选框的状态判断复选框是否选中状态
判断复选框是否选中状态 推荐两种方法的使用 第一种是prop('checked'); 示例代码 <input type="checkbox" id="checks& ...
- el如何获取复选框的值_element ui 表格提交时获取所有选中的checkbox的数据
设定此属性@selection-change="changeFun",意思是每次勾选的时候都会触发这个事件 //复选框状态改变 changeFun(val) { this.mult ...
- html5复选框控制按钮状态,HTML input checkbox复选按钮简介说明
摘要: 下文讲述html代码中input type='checkbox'时的相关属性简介说明,如下所示: input type='checkbox' 简介 当input标签中type='checkbo ...
- ElementUI根据某些状态判断复选框的状态实现
table表格中根据某些状态来判断复选框是否可以勾选? 我们为多选框表格增加一个selectable属性,改属性仅对 type=selection 的列有效,类型为 Function,Function ...
- html5复选框控制按钮状态,HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件...
本篇教程探讨了HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < ...
- html复选框美化插件,js和css3超酷checkbox复选框美化插件
这是一款效果超超酷的js和css3 checkbox复选框美化插件.这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择 ...
- html5复选框怎么设置样式,html中关于checkBox选中样式设置
例如外卖服务区域,选择时为多选,且一般隐藏checkbox样式框.只留下label字体和设置的外边框来进行选中样式控制,以此来提高用户体验. 这时要对checkbox进行处理 我总结的一个方法就是根据 ...
- element怎么设置复选框属性_【JavaScript 教程】DOM——属性的操作
作者 | 阮一峰 HTML 元素包括标签名和若干个键值对,这个键值对就称为"属性"(attribute). <a id="test" href=" ...
- jquery.cookie实现刷新页面复选框选定状态不变
①添加需要的js文件 jquery.cookie.js必不可少. <SCRIPT type="text/javascript" src="js/jquery.coo ...
最新文章
- c语言标准库低通的qsort函数不适宜所有排序任务的原因
- 数据库中的select 1,select count(1),order by 1
- html 嵌入vb脚本,从嵌入在HTML中的VBScript访问VB6收藏品
- 我的征程是未来!带你展望2015年最重要的网页设计趋势
- linux虚拟机网络查看的方式
- python与java、php、go的优势对比
- github 6月开源项目_我的开源项目如何在短短5天内在GitHub上赢得6,000颗星
- 想请教知者几个地图问题
- 【Flink】JobException: Recovery is suppressed by NoRestartBackoffTimeStrategy
- python计算速度_python中如何提高计算速度?
- 你真的了解 MySQL 数据库的运行状况吗?
- 一篇文章看懂Oracle开窗函数
- UE4 Decal实现简介
- 女生考系统集成项目管理工程师合适吗?
- 如何将一个压缩包在不解压的情况下,进行分卷
- python 拆分excel工作表_用python编写的excel拆分小工具
- 遗传算法中的变异和交叉
- umijs在Jenkins上npm run buid,FATAL ERROR: Ineffective mark-compacts near heap limit Allocation fail...
- 如何设置亚马逊code促销活动?
- c语言程序for循环处设断点,期中总结