`

jquery 复选框选中问题

    博客分类:
  • js
阅读更多

页面有个权限功能,点中全选或取消所以复选框的状态 

 

刚开始是下面这种

 

$(document).ready(function() {
			//alert(parent.selPids);
			$("#selAll").click(function(){
				$("input[name='pIds']").attr("checked",this.checked)
			});
		});

 但是这种会有一个问题,就是第一次选中,再点击取消选中没有问题,但是第二次的时候就无效了 ,

为了解决这个问题google了一下, 

找到一篇文挺好  

 

http://blog.csdn.net/limingchuan123456789/article/details/11499665

 

后来改了一下代码既可以了 

 

$(document).ready(function() {
			//alert(parent.selPids);
			$("#selAll").click(function(){
				$("input[name='pIds']").prop("checked",this.checked)
			});
		});

 

 

 

分享到:
评论

相关推荐

    jquery实现 复选框 选中和不选中 美化复选框

    jQuery作为一个强大的JavaScript库,提供了解决这一问题的方法,可以通过自定义CSS和事件处理来实现复选框的美化和交互功能。本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先,我们需要...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、...<title>jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 <script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"> ...

    jquery复选框选中按钮.rar

    本资源“jquery复选框选中按钮.rar”似乎包含了一个关于如何使用jQuery来控制复选框(checkbox)状态的示例,特别是与按钮(button)交互的情景。在网页开发中,复选框和按钮是常见的表单元素,用于收集用户输入或...

    jquery复选框全选操作

    这段代码首先计算当前选中的子复选框数量,如果等于所有子复选框的数量,说明所有都被选中,此时全选复选框应被选中;否则,全选复选框应取消选中。 以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目...

    Jquery 复选框选中之后 按钮才能点击

    以上就是使用Jquery实现“复选框选中后按钮才能点击”的基本流程。如果项目中同时涉及到JSP(JavaServer Pages),可以将这部分Jquery代码放入JSP页面的`<script>`标签内,或者在独立的JavaScript文件中编写,然后在...

    Jquery复选框美化

    "Jquery复选框美化"和"单选按钮美化"正是关注这个领域的技术实践。jQuery,一个强大的JavaScript库,为开发者提供了丰富的API和插件,使得这些基础的HTML元素能够变得更加吸引人和功能强大。 首先,复选框和单选...

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

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    jQuery多级复选框checkbox选中代码

    基本的复选框选中和取消选中的jQuery代码如下: ```javascript $('input[type="checkbox"]').click(function() { $(this).prop('checked', !$(this).is(':checked')); }); ``` 这段代码监听了所有类型为"checkbox...

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    在这个项目中,我们关注的是使用jQuery来实现一些特定的功能,这些功能包括复选框的操作(全选、反选、取消选择)以及购物车中的商品价格统计。 首先,让我们深入了解一下复选框的操作。在HTML中,复选框是通过`...

    jquery判断复选框是否被全部选中,达到全选的目的

    标题提到的“jquery判断复选框是否被全部选中,达到全选的目的”,就是针对这一需求的具体实现。下面我们将详细探讨如何利用jQuery来完成这个功能。 首先,我们需要理解jQuery库的基本用法。jQuery是一个广泛使用的...

    BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能,特别地,我们将根据从数据库获取的状态来决定复选框是否被选中。 首先,我们需要引入Bootstrap Table的相关库,包括CSS和JavaScript文件。这些...

    jquery下拉多选复选框插件

    本主题涉及的是一个基于jQuery的下拉多选复选框插件,该插件能够提供用户友好的界面,方便用户在下拉菜单中进行多选操作,尤其适用于后台数据管理或前端交互场景。下面将详细介绍这个插件及其相关的知识点。 1. **...

    jQuery多级复选框选中代码.zip

    《jQuery实现多级复选框选中代码解析》 在Web开发中,用户界面的交互性和易用性是至关重要的,而多级复选框菜单则是一种常见的交互元素,尤其适用于选项众多且分类清晰的场景。jQuery作为一种轻量级、高性能的...

    复选框的左右移动

    在复选框左右移动的实现中,jQuery的主要作用是处理用户交互和动态更新页面元素。 1. **复选框布局**:在页面上,我们需要创建两个容器,一个代表“已选权限”(左侧),另一个代表“可选权限”(右侧)。每个容器...

    jQuery的复选框操作-实例页面

    在提供的`arrtest.html`文件中,我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框,演示了上述提到的功能,如事件监听、状态改变和视觉效果。通过查看和分析源代码,我们可以...

    jQuery分别获取选中的复选框值

    当用户勾选一个复选框时,jQuery提供了一些方便的方法来获取选中的复选框的值。例如,可以使用`$("input[type='checkbox']:checked")`选择器来选取所有被选中的复选框,然后通过`.val()`方法获取其值: ```...

    jquery无限极复选框下拉树

    **jQuery无限极复选框下拉树**是一种交互式的用户界面元素,常用于在Web应用中展示层次结构的数据,如组织结构、目录树或者复杂的分类系统。这种组件允许用户通过展开和折叠节点来查看和选择多级选项。下面将详细...

    jQuery树形复选框插件.zip

    《jQuery树形复选框插件的深度解析与应用》 在Web开发中,为了提供用户友好的交互体验,我们经常需要实现各种各样的UI组件。其中,树形结构的复选框是一种常见且实用的功能,它允许用户以层级方式选择或取消选择一...

Global site tag (gtag.js) - Google Analytics