如果使用jquery,应使用prop方法来获取和设置checked属性

1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase

1
2
3
4
5
6
7
<input type="checkbox" id="selectAll" onclick="checkAll()">全选
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}

 2.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined;

1
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选

  3.如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.

1
2
3
4
5
6
7
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全选
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}

  总结,如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr.

jquery 获取input checkbox checked属性相关推荐

  1. jquery attr方法获取input的checked属性问题

    1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase <input type="checkbox" id= ...

  2. 如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  3. html取 输入框中的值,jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  4. jQuery获取、设置标签属性值

    jQuery获取.设置标签属性值 jQuery提供了两种方法: attr():传入一个参数获取某属性值,两个参数:修改某属性值,返回参数的值(不推荐操作checked.readOnly.selecte ...

  5. js原生、jquery获取input为text的输入框(单个/多个) 并清空value(bootstrap 输入框)

     一.用bootstrap框架写了一个简单的表单,html结构和效果图如下: <form> <div class="form-row mb-2"><d ...

  6. JQuery获取元素的display属性

    JQuery获取元素的display属性 $('#input_id').css('display')

  7. checkbox checked属性值

    记住我1<input type='checkbox' />记住我2<input type='checkbox' /><button onclick='hehe();' t ...

  8. [转]使用jQuery获取radio/checkbox组的值的代码收集

    今天来看下JQ对天Checkbox复选框的操作.看下面的一个小例子.在这个例子中包括了以下几个功能 代码如下: <!-- $("document").ready(functi ...

  9. jquery 获取Input 值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. jquery获取input值

    今天一直很纠结,用jquery获取inout输入的值,一直都是undifined,因为好久没用了,就查api ,查资料,纠结了好久才找出原因. 贴下我的错误代码 function checkUserN ...

最新文章

  1. Squid代理服务器基本配置(三)
  2. 禁用java rmi_java-如何安全关闭rmi客户端?
  3. linux搭建宝塔重启mysql_宝塔面板安装 重启等命令linux系统重启
  4. C++学习基础八——重载输入和输出操作符
  5. 前端学习(1550):$scope和调试工具
  6. HTML期末作业-中国足球网页
  7. php 随机数 名称,php – 从标题更改为随机数
  8. 这组三八妇女节海报素材psd模板,你给打几分?
  9. JMeter使用jar进行压力测试
  10. 笔记-method-swizzling~那些年,一起遇过的坑
  11. map分组后取前10个_35岁詹皇有多强?17年生涯首拿助攻王背后:10个月前早已定下目标...
  12. Android平台下渗透测试工具大集合
  13. 马克思主义基本原理概论
  14. Java过滤微信昵称特殊字符
  15. Widget Extention开发笔记
  16. IONIC中slides的使用(图片显示及其删除)
  17. 《Android进阶指北》进阶必备,今日送出8本
  18. ffmpeg压缩命令
  19. Android简单电子书
  20. PySpark线性回归与广义线性模型

热门文章

  1. ELK pipeline
  2. Python成员修饰符,metaclass,异常,反射,单例
  3. c#中的ref、out、params参数
  4. 【笔记】shell下的主要工具
  5. 你需要知道的、有用的 Python 功能和特点
  6. osgearth_backfill重采样生成低精度金字塔数据
  7. 如何用prometheus监控k8s集群中业务pod的metrics
  8. Django的crfs_token解决办法
  9. C语言第九讲,结构体
  10. MySQL中数据中设计中的范式与反范式