当前位置:首页 > 开发 > Web前端 > Jquery > 正文

jquery 设置checkbox的checked属性相关

发表于: 2013-03-28   作者:bsr1983   来源:转载   浏览次数:
摘要: 所使用的jquery版本为jquery-1.9.1,浏览器为Chrome 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase <input type="checkbox" id="selectAll" onclick="checkAll()">全选 f
所使用的jquery版本为jquery-1.9.1,浏览器为Chrome
1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase
<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;
<input type="checkbox" id="selectAll" onclick="checkAll()" >全选
如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked.
<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 设置checkbox的checked属性相关

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一.DOM 简介、jQuery DOM 操作 DOM 它是一种文档对象模型。方便开发者对HTML 结构元素内容进行展示
参考url: http://blog.csdn.net/baronyang/article/details/9323463 我的需求: 抓取数据生成的日志,
表单处理时经常会有全选的功能,但是这个功能往往会被忽视一个细节,就是逐个选中 checkBox 直至全
1、checkbox list选择 效果图: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti
点击链接加入群【JavaEE(SSH+IntelliJIDE+Maven)】:http://jq.qq.com/?_wv=1027&k=L2rbHv 1、check
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
JQuery中checkbox一直是一个缠绕已久的问题.现在贴出一段代码.很方便使用. 先上效果图: <!DOCTYP
实现功能如下:参考图片 1 页面加载时效果 2 全选效果 3 取消全选效果 4 反选效果 5 全选奇行效果 6
实现功能如下:参考图片 1 页面加载时效果 2 全选效果 3 取消全选效果 4 反选效果 5 全选奇行效果 6
实现功能如下:参考图片 1 页面加载时效果 2 全选效果 3 取消全选效果 4 反选效果 5 全选奇行效果 6
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号