`
yensai
  • 浏览: 3375 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery中对CheckBox的操作

    博客分类:
  • js
阅读更多

1.获取所有name='notify'的选中的checkbox的值

var notifyAry =[];

var textAry=[];

$("input:checkbox[name='"+notify+"']:checked").each(function(){

       var me=$(this);
       notifyAry.push(me.val());

       textAry.push(me.text());
})

 

jquery判断checked的三种方法:
.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦
jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
$("input:checkbox#notify").attr("checked","checked");
$("input:checkbox#notify").attr("checked",true);
jquery1.6+:prop的4种赋值:
$("input:checkbox#notify″).prop("checked",true);
$("input:checkbox#notify″).prop({checked:true}); //map键值对
$("input:checkbox#notify″).prop("checked",function(){
return true;//函数返回true或false
});

 

1
0
分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

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

    jQuery 对checkbox的操作

    jQuery 对checkbox的操作

    jquery 对checkbox的操作

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

    JQuery操作checkbox、radio等示例

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

    jquery之checkbox操作(v1.0.0)

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

    jquery 的checkbox样式

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理和动画效果变得更加便捷。对于“jQuery的checkbox样式”,这是一个关注于提升网页中复选框...

    jquery checkbox 选中 取消 checkbox多选

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

    JQuery对checkbox的操作 (01).zip

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

    jQuery操作checkbox

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery...

    jQuery制作全选CheckBox

    在Web开发中,特别是在表单处理方面,经常会遇到需要实现多个复选框(CheckBox)的“全选”、“反选”等功能的需求。这样的功能不仅可以提升用户体验,还能简化前端的数据处理流程。本文通过具体的示例代码介绍了...

    jquery模拟div多选checkbox下拉框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本项目名为“jquery模拟div多选checkbox下拉框”,其核心目标是使用jQuery来实现一个功能丰富的多选下拉框替代传统...

    jquery input checkbox 联动

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

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    在网页开发中,表格(Table)是展示数据的常用组件,而jQuery库为开发者提供了丰富的API,使得操作表格中的元素,如复选框(Checkbox),变得更加便捷。本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件...

    绚丽的复选框 jquery-checkbox

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

    Jquery全选反选Checkbox

    首先,我们需要理解jQuery中的复选框(Checkbox)操作。在HTML中,复选框元素是`<input>`类型为`checkbox`的标签。jQuery可以通过选择器找到这些元素,并对其进行各种操作,如改变其状态、添加事件监听等。 全选...

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

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

    jquery获取checkbox选中的值

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

    jquery操作Radio、Checkbox、Select Demo

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

    JQuery 设置checkbox值二次无效的解决方法

    首先,需要了解JQuery中对checkbox操作的两种方法:.attr()和.prop()。.attr()方法用于获取或设置HTML元素的属性值,它适用于所有HTML元素,并且获取的是元素在HTML代码中最初设置的值。然而,对于一些元素的属性,...

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

    总结,利用jQuery实现Checkbox列表双向选择移动,主要涉及HTML结构设计、CSS样式设置、jQuery事件绑定和DOM操作。通过理解这一过程,开发者可以轻松地在自己的项目中实现类似的功能,提高用户交互的便捷性和可玩性。...

Global site tag (gtag.js) - Google Analytics