`

JQuery设置checkbox复选框,attr不可行,prop才是正确答案

 
阅读更多
//判断checkbox是否被选中
if($(this).is(":checked")){
    alert('选中');
}
else{
    alert('未选中');
}
 
//用jquery全选所有class为listbox的checkbox
$(".listbox").prop("checked", true);
 
//用jquery取消所有class为listbox的checkbox的选中
$(".listbox").prop("checked", false);

 

 

jQuery中attr和prop方法的区别

 

prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。
通过分析attr和prop的源码,得知:
attr方法里面,最关键的两行代码,elem.setAttribute( name, value + “” )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节点。
而prop方法里面,最关键的两行代码,return ( elem[ name ] = value )和return elem[ name ],你可以理解成这样document.getElementById(el)[name] = value,这是转化成JS对象的一个属性。

 

转载:http://gxxsite.com/content/view/id/134.html

 

 

分享到:
评论

相关推荐

    jQuery如何判断checkbox(复选框)是否被选中

    同时,使用`.prop()`方法来设置复选框的选中状态,相比传统的`.attr()`方法,它可以更正确地处理布尔属性。通过上述示例和解释,我们不仅了解了如何判断和操作复选框,还学习了如何编写更高效、更现代的jQuery代码。

    jQuery对checkbox 复选框的全选全不选反选的操作

    3. 在新版本的jQuery中,由于`.attr()`方法可能存在兼容性问题,推荐使用`.prop()`方法或原生JavaScript方法来设置或获取复选框的选中状态。 4. 在处理反选功能时,要确保遍历每一个复选框并正确反转其选中状态,...

    Jquery 选择、复选框

    jQuery提供了一系列方法来操作这些复选框,包括`prop()`、`attr()`、`is()`和`change()`等。 1. `prop()`:这个方法用于获取或设置元素的属性,对于复选框,我们常用它来检查或改变其`checked`属性。例如,`$("#...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    jquery处理checkbox(复选框)是否被选中实例代码

    正确使用jQuery来控制和检测复选框的状态是前端开发中的一个基础技能。本文将详细介绍如何使用jQuery来处理复选框是否被选中的情况,包括全选、取消全选、选中奇数位置的复选框、反选复选框以及获取所有选中复选框的...

    jquery判断复选框选中状态以及区分attr和prop

    在jQuery中,正确判断复选框(checkbox)的选中状态是通过`prop()`方法来实现的,因为`prop()`是用于处理元素的固有属性,比如`checked`属性。在jQuery 1.6之前,人们通常使用`attr()`来获取或设置属性,但这可能...

    jquery操作复选框checkbox的方法汇总

    在JavaScript的世界里,jQuery库为开发者提供了方便快捷的方式来操作DOM元素,其中就包括对复选框(checkbox)的操作。本文将详细介绍jQuery操作复选框的方法,帮助开发者更好地理解和使用这些功能。 1. **jQuery...

    jquery复选框多选赋值给文本框的方法

    在jQuery中,将复选框的多选值赋值给文本框是一种常见的需求,尤其在数据输入或表单处理的场景下。以下是如何通过jQuery实现这个功能的具体步骤和相关知识点: 1. **HTML结构**: 首先,我们需要创建一个包含复选...

    jquery checkbox

    - 使用`.prop()`或`.attr()`来设置或获取复选框的`checked`属性,以改变其选中状态。 - 使用`.siblings()`、`.parent()`、`.children()`等选择器找到与复选框相关的其他元素,实现联动效果。 - 使用`.each()`遍历一...

    select复选框带全选

    在Bootstrap中,"select复选框"通常指的是一个下拉选择列表,其中包含多个可选的选项,用户可以通过勾选这些选项来做出选择。本篇文章将深入探讨如何在Bootstrap中实现带有全选功能的select复选框,以及相关的技术...

    jQuery .prop()属性全选反选

    例如,当用户勾选一个复选框时,`<input type="checkbox">`的`checked`属性就会被设置为`true`。 在jQuery中,实现表格全选与反选功能通常涉及`.prop('checked', value)`的使用。这里,`value`可以是`true`或`false...

    jquery操作Radio、Checkbox、Select Demo

    二、jQuery操作Checkbox复选框 Checkbox则允许用户多选,我们同样可以使用`.prop()`或`.attr()`来检查或取消选中,使用`.is()`检查是否已被选中。 1. **设置Checkbox选中状态**: ```javascript $('input[type=...

    jquery获取复选框被选中的值

    - **反选**:即对当前选中的复选框进行选中与不选中状态的切换,可以使用一个循环遍历复选框,并通过`.attr()`方法切换checked属性。 - **获取所有选中复选框的值**:通过点击事件触发函数,遍历所有选中的复选框...

    jQuery实现复选框批量选择与反选的方法

    例如,使用.prop('checked', true)可以将复选框设置为选中状态,使用.prop('checked', false)则可以取消选中。但是,不管使用哪种方法,核心的思想是通过改变HTML元素的属性来控制其状态。 对于需要实现复选框批量...

    浅析jquery与checkbox的checked属性的问题

    如果直接设置document.getElementById("checkbox_id").checked为true,则在页面上并不直接显示复选框被选中,因为DOM结构没有改变,仅仅是属性被设置了。而使用$("#checkbox_id").attr("checked", true)则可以同时...

    jQuery实现checkbox列表的全选、反选功能

    然后使用jQuery选择器,根据这个属性值找到所有需要被操作的子复选框,并根据全选复选框的状态,设置子复选框的checked属性。 这种封装方法不仅解决了全选和反选的问题,而且具有良好的扩展性和重用性。通过简单的...

Global site tag (gtag.js) - Google Analytics