`
- 浏览:
6537 次
- 性别:
- 来自:
北京
-
$( function() {
//全选
$("#selectAll").click( function() {
$("input[name='send-mail']").each( function() {
$(this).attr("checked", true);
});
});
// 反选
$("#inverseAll").click( function() {
$('input[name="send-mail"]').each( function() {
$(this).attr("checked", !$(this).attr("checked"));
});
});
// 取消全部
$("#deselectAll").click( function() {
$("input[name='send-mail']").each( function() {
$(this).attr("checked", false);
});
});
// 选中的值
$("#sendMailAll").click( function() {
var selectedStr = "";
var $sendMail = $("input[name='send-mail']");
$sendMail.each( function() {
if ($(this).attr("checked")) {
selectedStr += $(this).val() + ",";
}
});
if ($.trim(selectedStr) == "") {
alert("请未选中任何数据!");
return false;
}
alert(selectedStr );
});
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述: 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复...
**jQuery对Cookie的操作** 在Web开发中,Cookie是一种在客户端存储少量信息的机制,它能够帮助我们实现用户会话管理、个性化设置等功能。jQuery库提供了一套方便的API,使得处理Cookie变得更加简单。本文将详细介绍...
**jQuery 常用操作详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。这个库使得开发者能够更高效地编写跨浏览器的JavaScript代码,极大地提高了开发效率。在本文中,...
在jQuery中,表单操作是开发网页交互功能的关键部分。以下是一些常见的jQuery表单操作,包括处理复选框(Checkbox)、文本输入(Text)、单选按钮(Radio)以及下拉列表(Select): 1. **复选框(Checkbox)**: ...
本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能...
在深入探讨jQuery的样式操作和属性操作之前,我们先来理解一下jQuery是什么。jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript代码的编写,特别是在处理DOM(Document Object Model)操作...
在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着...
本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...
1. 解决jQuery操作复选框时的checked取值问题,可以引入自定义属性isCheck来替代原生checked属性。 2. 在复选框点击事件中添加逻辑处理,通过切换isCheck属性来改变复选框的选中状态。 3. 设计一个函数getValues来...
而在表单元素的操作中,jQuery提供了一种特别有用的选择器——`:checked`选择器,其作用是选取用户界面上被选中的单选按钮(radio buttons)和复选框(check boxes)。理解并掌握`:checked`选择器的用法,对于创建...
这种方法直接访问DOM元素的`checked`属性,但jQuery对象并不直接支持这个属性,所以需要通过索引访问原始DOM元素,例如 `$("#ISOK1")[0].checked = true;` 2. 使用`.attr()` 方法: ```javascript $("#ISOK1")....
### jQuery操作Select大全知识点详解 #### 1. 概述 jQuery操作Select大全主要包含了一系列使用jQuery操作select下拉列表的方法和实例。在Web开发过程中,动态地与select元素进行交互是常见的需求,jQuery为此提供...
### jQuery操作手册知识点详解 #### 一、jQuery简介 jQuery是一种快速、简洁的JavaScript库,其设计宗旨是为了简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。通过简单的语法,开发者可以轻松地实现复杂的...
### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...
除了选择器外,jQuery还提供了丰富的API来操作表单元素,例如: - 获取或设置元素的值:`$(input[@name='newsletter']).val()`获取`name`为`newsletter`的`<input>`元素的值。 - 设置元素的属性:`$(input[@name='...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨如何使用jQuery来操作HTML中的Radio按钮、Checkbox复选框以及Select下拉列表。 一、...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及Ajax交互等任务。"jquery通用全选并控制操作按钮"这个主题是关于利用jQuery实现一种常见的用户界面功能,即在表格...