`

jQuery实现checkbox全选

阅读更多

反选补充:

$(this).attr("checked",!$(this).attr("checked"));
 

第一种

 

$(function() {
    $("#selectall").click(function() {
        $("input[@name='shareuser[]']").each(function() {
            $(this).attr("checked", true);
        });
    });
    $("#deselectall").click(function() {
        $("input[@name='shareuser[]']").each(function() {
            $(this).attr("checked", false);
        });
    });
});

  第二种

 

$("#checkall1").click(
function(){
    if(this.checked){
        $("input[name='courseid']").each(function(){this.checked=true;});
    }else{
        $("input[name='courseid']").each(function(){this.checked=false;});
    }
}
);

  第三种

 

jQuery(‘input[@type=checkbox][name=resourceID]‘).attr(‘checked’,this.checked)

  第四种

 

$(function(){
$(‘#CheckBox3′).click(function(){
$(this).attr(‘checked’) == true?$(‘#inputId’).attr(‘checked’, true):$(‘#inputId’).attr(‘checked’, false);
})
})
分享到:
评论

相关推荐

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

    Js/Jquery 实现checkbox全选,反选,全不选

    在提供的文件“js实现checkbox全选,反选,全不选.htm”中,应当包含了上述功能的具体实现。通过查看源码,我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例,帮助我们更好地...

    Jquery 实现checkbox全选方法

    ### jQuery实现checkbox全选方法知识点 #### 1. jQuery实现全选的基本思路 在Web开发中,checkbox是一种常见的表单元素,用于提供一个可以被选中或取消选中的选项。在实际应用中,有时需要实现全选和全不选的功能...

    jQuery实现CheckBox全选、全不选功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <...jQuery实现CheckBox全选、全不选</title> [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

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

    本文实例讲述了jQuery实现checkbox全选功能。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset= utf-8> <title>www.jb51.net jQuery实现checkBox全选&lt...

    checkbox实现全选和反选经典例子

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现,然后遍历DataGridView的所有行,设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**:反选意味着取消所有已选中的项。这可以通过再次触发...

    jquery实现checkbox 全选/全不选的通用写法

    总结来说,jQuery实现checkbox全选/全不选的通用写法主要包含以下步骤: 1. 使用jQuery选择器获取所有需要操作的复选框。 2. 遍历这些复选框,根据全选按钮的状态设置每个复选框的`checked`属性。 3. 提供一个辅助...

    jquery实现checkbox全选全不选的简单实例

    本文将介绍如何利用jQuery库来实现复选框(checkbox)的全选全不选功能。jQuery是一个快速、简洁的JavaScript库,其设计的宗旨是使网页的JavaScript操作更加简单、高效,尤其在DOM操作方面。通过引入jQuery库,我们...

    利用jQuery实现CheckBox全选/全不选/反选的简单代码

    jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" ...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在涉及到表单元素如复选框(Checkbox)时,经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能,以及如何进行表单验证。 1. **全选功能** 要实现全选功能,首先我们需要一个主复选框...

    jquery实现checkbox的全选和全不选

    jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

Global site tag (gtag.js) - Google Analytics