`

Jquery checkbox全选,判断是否被选中简单用法

 
阅读更多

1. 全选或全部取消

//全选或全部取消
    function checkAll(){
	    $("input[name='xxx']").attr("checked",$("#checkAll").attr("checked")==undefined?false:true);	    
    }

 2. 获取被选中项的值存放于数组中

var allChecked = $("input[name='xxx']:checked");
var ids = [];
//循环拼装被选中项的值
allChecked .each(function(i){        
    ids.push($(this).val());
});

 3. 获取未被选中项的值存放于数组中 

var notChecked = $("input[name='xxx']").not("input:checked");
var ids = [];
//循环拼装未被选中项的值
notChecked.each(function(i){
    removeIds.push($(this).val());
});

 4. 判断某个复选框是否被选中

if($('#xxx').attr('checked') == undefined){//未被选中
    alert("未被选中");
}else{//被选中
    alert("已被选中");
}

 

<input type="checkbox" id="xxx" name="xxx">

 

0
0
分享到:
评论
2 楼 zhangzi 2013-01-28  
wsywsy858 写道
第一个怎么只能实现全选不能实现取消啊

我的可以
1 楼 wsywsy858 2013-01-25  
第一个怎么只能实现全选不能实现取消啊

相关推荐

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    在这段代码中,`#selectAll`是主复选框的ID,`$("input[type='checkbox']")`则选择了所有的复选框,`.not(this)`排除了主复选框本身,`.prop("checked", this.checked)`用于设置或获取属性值,如果主复选框被选中,...

    3分钟写出来的Jquery版checkbox全选反选功能

    接着,作者定义了一个反选的函数selectnoALL,这个函数通过遍历所有的checkbox元素,判断每一个元素的checked属性,如果元素被选中,则取消选中,反之则选中。这个函数没有考虑到全选checkbox的状态,这可能是作者...

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

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

    jQuery实现复选框checkbox全选、反选功能.rar

    这里的`this.checked`会根据全选复选框的状态(被选中或未选中)来设置所有其他复选框的`checked`属性。 反选功能的jQuery代码则稍微不同: ```javascript $("#selectAll").click(function() { $('input[name=...

    jQuery实现checkbox全选功能完整实例

    本文主要介绍了使用jQuery来实现网页中checkbox全选功能的完整实例。通过这个实例,读者可以学习到如何通过jQuery的事件响应机制来动态控制页面上元素的属性,特别是在处理复选框全选/取消全选逻辑时的应用技巧。 ...

    jQuery Checkbox 全选 反选的简单实例

    对于全选功能,当点击“全选”按钮后,会触发一个函数,该函数使用jQuery的属性选择器(:checkbox)选中所有的复选框,并将它们的checked属性设置为true,从而实现全选效果。 全不选功能则是在点击“全不选”按钮时...

    jQuery checkbox全选/取消全选实现代码

    总结来说,本文档通过示例代码展示了如何使用jQuery实现复选框的全选/取消全选功能,并简单介绍了`.attr()`和`.each()`等jQuery方法的用法。通过这些方法,开发者可以更加轻松地处理页面上的DOM元素,并实现各种交互...

    基于jQuery的checkbox全选问题分析

    在前端开发中,checkbox全选功能是一个常见的需求,它主要用于表单中对多个选项进行统一的选择操作。当使用jQuery库来操作DOM时,我们可能会遇到一些问题,尤其是在处理全选逻辑时。本文将详细介绍如何使用jQuery...

    jquery操作checkbox实现全选和取消全选

    在jQuery中,操作复选框(checkbox)进行全选和取消全选是常见的前端交互功能,主要用于批量选择或批量操作。下面将详细讲解如何利用jQuery实现这一功能。 首先,我们来理解复选框(checkbox)的基本操作。在HTML中...

    jquery、js操作checkbox全选反选

    以上就是使用 jQuery 和 JavaScript 操作 checkbox 全选和反选的基本方法。在实际应用中,你可以根据需要调整这些函数,例如添加事件监听器,使得全选/反选按钮可以触发这些功能。在网页开发中,这样的功能能够显著...

    多个jquery.datatable共存,checkbox全选异常的快速解决方法

    在使用多个jquery.datatable控件并置入同一个页面的时候,可能会遇到checkbox全选功能异常的问题。具体表现为,当点击全选复选框时,页面上所有的datatable表格的全选复选框都会被选中,而不是仅限于当前操作的表格...

    使用JQuery制作复选框的全选或单选特效

    为了实现全选或全不选的效果,我们需要一个主复选框(通常称为"全选"),当用户点击这个复选框时,所有的子复选框都会被选中或取消选中。 在jQuery中,我们可以通过选择器来选取特定的DOM元素,并使用各种方法来...

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    全选功能通常是通过添加一个主复选框来实现的,当用户点击这个主复选框时,所有关联的子复选框都会被选中。这可以通过`.prop()`方法来实现,如`$('input[type="checkbox"]').prop('checked', true)`将设置所有复选框...

    jsp中checkbox用法详解.docx

    其中`name`属性用于标识该Checkbox属于哪个组,而`value`属性则表示当Checkbox被选中时所提交的值。在JSP中可以直接使用上述HTML语法来创建Checkbox。 #### 三、Checkbox与JSP的结合 在JSP环境中,我们可以利用JSP...

    jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

    使用`prop()`方法设置checked属性,可以确保无论何时,只要属性值为true,checkbox就被选中,为false则未选中。 下面是一个使用`prop()`方法来解决反复调用attr()只生效一次的问题的示例代码: ```javascript // ...

    jquery复选框选中按钮.rar

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

    Asp.Net TreeView Checkbox

    当一个Checkbox被选中或取消选中时,需要同步更新其所有父级和子级Checkbox的状态。这通常涉及到遍历TreeView的节点结构,根据当前节点的选中状态更新相关节点。如果是父节点,所有子节点应随之选中或取消;如果是子...

    JQ 复选框全选反选

    `,当全选复选框被选中时,其他复选框将被取消选中,反之亦然。 在实际项目中,可能还需要考虑异步加载的数据,例如动态添加的复选框。在这种情况下,我们需要在添加新元素后重新绑定事件处理函数,以确保新复选框...

    jQuery添加购物车复选框

    jQuery提供了方便的方法来操作这些元素,如`$('input[type="checkbox"]')`用于选取所有复选框,`.change()`事件监听复选框状态改变,`.is(':checked')`检查复选框是否被选中。 3. **全选/反选功能** 全选功能通常...

Global site tag (gtag.js) - Google Analytics