这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?
害得‘跑客教授’到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码
1
2
3
4
|
$( 'input[type=checkbox]' ).attr( 'checked' , 'checked' ); //全选,设置属性
$( 'input[type=checkbox]' ).attr( 'checked' , true ); //全选,设置属性,通过true布尔值形式
$( 'input[type=checkbox]' ).attr( 'checked' , false ); //不选择,布尔值形式
$( 'input[type=checkbox]' ).removeAttr( 'checked' , 'checked' ); //不选选,删除属性
|
但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。
难道是 removeAttr 的原因?还是‘跑客教授’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)
这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)
最终解决方案
还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是
1
2
3
4
|
$( 'obj' ).attr( 'checked' , true );
$( 'obj' ).prop( 'checked' , true );
$( 'obj' ).attr( 'checked' , false );
$( 'obj' ).prop( 'checked' , false );
|
相关推荐
在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...
在提供的`arrtest.html`文件中,我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框,演示了上述提到的功能,如事件监听、状态改变和视觉效果。通过查看和分析源代码,我们可以...
在JavaScript的世界里,jQuery库为开发者提供了方便快捷的方式来操作DOM元素,其中就包括对复选框(checkbox)的操作。本文将详细介绍jQuery操作复选框的方法,帮助开发者更好地理解和使用这些功能。 1. **jQuery...
例如,设置第一个复选框为选中状态,可以使用$('input:checkbox:first').attr("checked", 'checked')或者$('input:checkbox').eq(0).attr("checked", 'true')。类似地,要设置最后一个复选框为选中状态,可以使用$('...
反之,如果有一个或多个复选框未选中,通过`$("#submitbtn").attr({"disabled":"disabled"})`添加`disabled`属性,使按钮变为不可点击。 这个示例中,`#submitbtn`按钮的初始状态是被禁用的,因为用户需要至少选中...
上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...
### 使用jQuery实现复选框全选、反选、...<title>jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 <script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"> ...
1. jQuery选择器和事件绑定:文档首先在$(document).ready()函数内通过选择器 $('input[type=checkbox]') 来定位页面上所有的复选框,并且通过.click()方法为这些复选框绑定了点击事件处理函数。当任何复选框被点击...
本文内容主要涵盖了使用jQuery库进行复选框(checkbox)操作的方法和技巧,适合需要对网页表单元素进行动态交互的开发者参考。以下是对文章中提到的知识点的详细总结: 1. 获取单个复选框选中项的值: - 可以使用...
"jQuery单选框跟复选框美化代码.zip"这个资源提供了一种方法,使得开发者可以优雅地对网页中的单选框(radio buttons)和复选框(checkboxes)进行样式定制,提升用户体验。 首先,我们要理解单选框和复选框在HTML...
在jQuery中,处理复选框(CHECKBOX)的全选和反选操作是常见的需求,尤其是在数据筛选或批量操作的场景下。这里介绍一个官方提供的函数`CheckboxGroup`,它简化了这一过程。该函数在2018年6月18日的最新版本中发布,...
在网页开发中,jQuery 是一款非常流行的JavaScript库,它简化了DOM...这些技巧涵盖了基本的jQuery复选框操作,包括获取、设置、删除和遍历选中状态。熟练掌握这些技巧,将有助于在实际项目中实现更复杂的用户交互功能。
jQuery提供了一系列方法来操作这些复选框,包括`prop()`、`attr()`、`is()`和`change()`等。 1. `prop()`:这个方法用于获取或设置元素的属性,对于复选框,我们常用它来检查或改变其`checked`属性。例如,`$("#...
### JavaScript与jQuery实现单个复选框控制多个复选框及文本框显示隐藏功能 在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态...
使用jQuery处理复选框可以非常方便地实现全选、全不选、反选等操作。以下是对上述文档中关于复选框全选全不选反选操作的知识点的详细解读。 ### HTML代码结构 文档中给出了一个复选框列表的HTML结构,包括几个选项...
在这个特定的场景中,我们需要实现一个功能,即在用户尝试删除数据前,判断他们是否至少选中了一个复选框(checkbox)。这通常发生在有多个记录需要操作时,如批量删除。 首先,我们来看一下提供的 jQuery 代码片段...
值得注意的是,示例中使用了`$("[name='checkbox'][checked]")`来选取所有选中的复选框并进一步处理。 此外,复选框元素在HTML中被选中的状态是通过`checked`属性来表示的。当使用jQuery进行判断时,需要正确地获取...