`
jayyanzhang2010
  • 浏览: 377851 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery checkbox 选择

 
阅读更多

 $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });
 
            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });
 
            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
 
            // 全不选
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = chkItem]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("value"));
                    }
                });
 
                alert(result.join(","));
            });
        });
    </script>
分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

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

    jquery 的checkbox样式

    接着,可以通过jQuery选择器来选中需要改变样式的复选框,并调用插件提供的方法来应用样式。例如,如果所有的复选框都有一个统一的class名`custom-checkbox`,可以这样写: ```javascript $(document).ready...

    jQuery Checkbox列表双向选择移动代码

    《jQuery实现Checkbox列表双向选择移动详解》 在Web开发中,用户交互的界面设计往往需要具备灵活多变的功能,以提升用户体验。其中,双向选择列表是常见的一种交互方式,允许用户在两个列表之间自由移动选中项。...

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    绚丽的复选框 jquery-checkbox

    **绚丽的复选框 jQuery-Checkbox** 在网页设计中,复选框(checkbox)是常见的交互元素,用于让用户选择一个或多个选项。然而,原始的HTML复选框样式通常较为简单,缺乏吸引力。为了提升用户体验和界面美观度,...

    jquery 对checkbox的操作

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

    JQuery操作checkbox、radio等示例

    1. **选择元素**:jQuery提供了多种选择器,如`$("[type=checkbox]")`和`$("[type=radio]")`,可以用来选取页面上所有的checkbox或radio元素。如果你想选择具有特定ID或类名的元素,可以使用`$("#checkboxID")`或`$...

    jQuery Checkbox列表双向选择移动代码.zip

    《jQuery Checkbox列表双向选择移动代码详解》 在Web开发中,jQuery库因其简洁的API和强大的功能而广受欢迎。在日常应用中,我们经常需要处理复选框(Checkbox)的选择和移动,例如在列表中实现从一个区域选择并移...

    jQuery的高性能TreeView源码(带CheckBox)

    jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...

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

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

    jquery checkbox tree editor v1.0

    今天我们将深入探讨一个基于jQuery的实用组件——jQuery Checkbox Tree Editor v1.0,它允许用户动态地编辑树状结构中的复选框值,从而实现灵活的数据选择和管理。 这个组件的核心功能是将传统的静态树形结构转换为...

    jquery之checkbox操作(v1.0.0)

    在jQuery中,我们通常通过选择器来定位这些元素,然后应用各种方法来操纵它们。 **动态生成checkbox** 在jQuery中,可以使用`.append()`或`.html()`方法动态创建并添加checkbox到页面上。例如,假设我们有一个数组`...

    jquery checkbox树

    jquery 树形 checkbox jQuery(document).ready(function(){ jQuery(".mytree").checkboxTree({ collapsedarrow: "images/checkboxtree/img-arrow-collapsed.gif", expandedarrow: "images/checkboxtree/img-...

    jQuery 对checkbox的操作

    jQuery 对checkbox的操作

    jquery获取checkbox选中的值

    要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

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

    对于大量复选框,使用类选择器(如 `.class-name`)代替标签选择器(如 `input[type="checkbox"]`)可以提高性能,因为类选择器更快。 7. **事件委托** 如果有多个全选/反选控制,可以使用事件委托,减少事件绑定...

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

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

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

Global site tag (gtag.js) - Google Analytics