`

jquery checkbox使用

阅读更多
1、获取单个checkbox选中项(三种写法)
$("input:checkbox:checked").val()
或者
$("input:[type='checkbox']:checked").val();
或者
$("input:[name='ck']:checked").val();
2、 获取多个checkbox选中项
$('input:checkbox').each(function() {
        if ($(this).attr('checked') ==true) {
                alert($(this).val());
        }
});
3、设置第一个checkbox 为选中值
$('input:checkbox:first').attr("checked",'checked');
或者
$('input:checkbox').eq(0).attr("checked",'true');
4、设置最后一个checkbox为选中值
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
5、根据索引值设置任意一个checkbox为选中值
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');
6、选中多个checkbox同时选中第1个和第2个的checkbox
$('input:radio').slice(0,2).attr('checked','true');
7、根据Value值设置checkbox为选中值
$("input:checkbox[value='1']").attr('checked','true');
$("input[name='chk'][value='1']").attr('checked','true');
8、删除Value=1的checkbox
$("input:checkbox[value='1']").remove();
9、删除第几个checkbox
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$("input:checkbox").eq(2).remove();
10、遍历checkbox
$('input:checkbox').each(function (index, domEle) {
//写入代码
});
11、全部选中
$('input:checkbox').each(function() {
        $(this).attr('checked', true);
});
12、全部取消选择
$('input:checkbox').each(function () {
        $(this).attr('checked',false);
});
$("[name='checkbox']").removeAttr("checked");//取消全选
13、选中所有奇数 
$("[name='checkbox']:even").attr("checked",'true');
分享到:
评论

相关推荐

    jquery checkbox 选中 取消 checkbox多选

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

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jquery 的checkbox样式

    使用这个插件时,首先需要在页面中引入jQuery库和插件的相关文件。这包括在标签内添加对jQuery库的引用,如`<script src="https://code.jquery.com/jquery-3.x.y.min.js"></script>`,以及引入插件的JS和CSS文件,...

    绚丽的复选框 jquery-checkbox

    在使用jQuery-Checkbox之前,你需要确保页面已经引入了jQuery库。之后,你可以通过下载并引用该插件的资源文件——在本例中,文件名为"jquery-checkbox.1.3.0"。这个压缩包可能包含了CSS样式文件、JavaScript源代码...

    jquery 对checkbox的操作

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

    JQuery操作checkbox、radio等示例

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

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

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

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

    接下来,我们需要使用jQuery来处理按钮点击事件,并实现Checkbox的移动功能。以下是一个简单的示例: ```javascript $(document).ready(function() { $('#leftArrow').click(function() { // 从已选移到未选 ...

    jquery之checkbox操作(v1.0.0)

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

    jquery checkbox tree editor v1.0

    《jQuery Checkbox Tree Editor v1.0:构建动态交互的树形复选框编辑器》 在Web开发领域,用户界面的交互性和易用性是提升用户体验的关键因素之一。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化DOM...

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

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

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

    这些引用使得我们可以使用jQuery提供的各种方法和函数来操作DOM元素,如找到特定的Checkbox,改变其状态,或者监听用户的交互事件。 在jQuery中,我们可以轻松地选择和操作DOM元素。例如,我们可以使用`$('input...

    jQuery实现CheckBox控件CheckListBox全选功能

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

    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选中的值

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

    jquery input checkbox 联动

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

    jquery操作Radio、Checkbox、Select Demo

    本教程将深入探讨如何使用jQuery来操作HTML中的Radio按钮、Checkbox复选框以及Select下拉列表。 一、jQuery操作Radio按钮 Radio按钮通常用于提供一组互斥的选择,用户只能选择其中一个。在jQuery中,我们可以使用`...

    jquery checkbox点击选中列表样式代码

    接下来,我们可以使用jQuery来监听checkbox的`click`事件,并根据其状态改变相应的列表项样式。以下是一个基础的实现: ```javascript $(document).ready(function() { $('#checkboxList input[type="checkbox"]')...

Global site tag (gtag.js) - Google Analytics