`
calatustela
  • 浏览: 144049 次
  • 性别: Icon_minigender_1
  • 来自: 江苏●南通
社区版块
存档分类
最新评论

jQuery 对checkbox的操作

阅读更多

在这个例子中包括了以下几个功能 1. 全选
2. 取消全选
3. 选中所有奇数
4. 反选
5. 获得选中的所有值

 

<!--
     $("document").ready(function(){
       $("#btn1").click(function(){
            $("[name='checkbox']").attr("checked",'true');//全选
        })
       $("#btn2").click(function(){
          $("[name='checkbox']").removeAttr("checked");//取消全选
       })
       $("#btn3").click(function(){
          $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
       })
       $("#btn4").click(function(){
          $("[name='checkbox']").each(function(){// 反选
              if($(this).attr("checked")){
                $(this).removeAttr("checked");
            }
            else{
                $(this).attr("checked",'true');
            }
          })
       })
      $("#btn5").click(function(){// 输出选中的值
       var str="";
          $("[name='checkbox'][checked]").each(function(){
              str+=$(this).val()+"\r\n";
            //alert($(this).val());
          })
         alert(str);
       })
      })
  -->
 
分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。例如,使用`$('input[type="checkbox"]')`可以选取所有类型的checkbox。如果想要选取特定ID的checkbox,...

    jquery 对checkbox的操作

    本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...

    JQuery对checkbox操作 (循环获取)

    在本示例中,我们关注的是 jQuery 对 checkbox 的操作,特别是如何进行全选、反选、取消全选以及按特定条件选择 checkbox。下面将详细解析这些功能的实现方式: 1. **全选**: 当用户点击“全选”按钮(id="btn1...

    jquery 的checkbox样式

    这包括在标签内添加对jQuery库的引用,如`&lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt;`,以及引入插件的JS和CSS文件,例如`&lt;link rel="stylesheet" href="jquery-checkbox.1.3.0.css"&gt;`和...

    jquery之checkbox操作(v1.0.0)

    在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项等核心知识点。 首先,让我们了解checkbox的基本概念。Checkbox是HTML中的一个表单元素,用于让用户对一...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    绚丽的复选框 jquery-checkbox

    2. **调用插件方法**:然后,对选取的元素调用`.checkbox()`方法,这会将它们转化为jQuery-Checkbox的效果。代码如下: ```javascript $(".custom-checkbox").checkbox(); ``` 3. **配置选项**:jQuery-Checkbox...

    JQuery对checkbox的操作 (01).zip

    本教程将深入探讨jQuery如何对HTML中的checkbox元素进行操作,以提高用户体验和页面交互性。 首先,我们需要理解HTML中的checkbox。Checkbox是用户界面中的一种常见元素,用于让用户在多个选项中选择一个或多个。每...

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

    Jquery操作CheckBox多选框.doc

    Jquery操作CheckBox多选框.doc

    jQuery操作checkbox

    本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery选择checkbox 在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定...

    jquery 操作checkbox 和select

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何使用...在学习和实践时,结合这两个文件能更好地理解jQuery对表单元素的操作方式。

    jquery radio checkbox 美化

    在网页设计中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题聚焦于“jQuery radio checkbox美化”,这涉及到如何使用jQuery和其他前端技术改进默认的HTML复选框...

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

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

    jquery checkbox 选中 取消 checkbox多选

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 ...

    jQuery实现checkbox全选的方法

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

    jQuery实现CheckBox控件CheckListBox全选功能

    C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text

Global site tag (gtag.js) - Google Analytics