1. checkbox 全选,反选,取值
8 <SCRIPT LANGUAGE="JavaScript">
9 <!--
10 $("document").ready(function(){
11
12 $("#btn1").click(function(){
13
14 $("[name='checkbox']").attr("checked",'true');//全选
15
16 })
17 $("#btn2").click(function(){
18
19 $("[name='checkbox']").removeAttr("checked");//取消全选
20
21 })
22 $("#btn3").click(function(){
23
24 $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
25
26 })
27 $("#btn4").click(function(){
28
29 $("[name='checkbox']").each(function(){
30
31
32 if($(this).attr("checked"))
33 {
34 $(this).removeAttr("checked");
35
36 }
37 else
38 {
39 $(this).attr("checked",'true');
40
41 }
42
43 })
44
45 })
46 $("#btn5").click(function(){
47 var str="";
48 $("[name='checkbox'][checked]").each(function(){
49 str+=$(this).val()+"\r\n";
50 })
51 alert(str);
52 })
53 })
//上次取值的好像不行,所以就改成下面这个了:
$("input[name='selectKnowledge']").each(function(){
if($(this).attr("checked")==true)
knowledge+="&selectKnowledge=" + $(this).val();
});
54 //-->
55 </SCRIPT>
56
57 </HEAD>
58
59 <BODY>
60 <form name="form1" method="post" action="">
61 <input type="button" id="btn1" value="全选">
62 <input type="button" id="btn2" value="取消全选">
63 <input type="button" id="btn3" value="选中所有奇数">
64 <input type="button" id="btn4" value="反选">
65 <input type="button" id="btn5" value="获得选中的所有值">
66 <br>
67 <input type="checkbox" name="checkbox" value="checkbox1">
68 checkbox1
69 <input type="checkbox" name="checkbox" value="checkbox2">
70 checkbox2
71 <input type="checkbox" name="checkbox" value="checkbox3">
72 checkbox3
73 <input type="checkbox" name="checkbox" value="checkbox4">
74 checkbox4
75 <input type="checkbox" name="checkbox" value="checkbox5">
76 checkbox5
77 <input type="checkbox" name="checkbox" value="checkbox6">
78 checkbox6
79 <input type="checkbox" name="checkbox" value="checkbox7">
80 checkbox7
81 <input type="checkbox" name="checkbox" value="checkbox8">
82 checkbox8
83 </form>
84
85 </BODY>
86</HTML>
87
2.
取select被选中option的value
$("#id").val();
取input的值
$("#id").attr("value");
写这些,没前途阿~
......
关于jquery常用方法的介绍:
http://www.jb51.net/article/20387.htm
分享到:
相关推荐
《jQuery学习笔记及常用函数封装》 在编程领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本资料包“jquery学习笔记及常用函数封装.zip”包含了从JQuery基础...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...
在深入探讨jQuery的知识点之前,首先需要理解jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器,它允许开发者通过CSS样式的语法轻松选取HTML...
**jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...
### JQuery学习笔记(技术文档) #### 一、JQuery能做什么? JQuery 是一款轻量级的 JavaScript 库,它的设计宗旨是“write less, do more”,即“写得更少,做得更多”。通过JQuery,可以实现以下功能: 1. **...
### JQUERY学习笔记2:深度解析与应用实例 在深入探讨jQuery的学习笔记中,我们将重点关注几个核心概念和功能,这些是任何希望掌握jQuery框架的开发者都必须了解的基础知识。通过以下详细解析,我们不仅能够理解...
在本篇jQuery学习笔记中,我们将探讨如何使用这个流行的JavaScript库来简化网页开发中的DOM操作。jQuery以其简洁的API和强大的功能,使得处理HTML元素、事件处理、动画以及Ajax交互变得更加简单。以下是一些基本的...
这篇学习笔记将探讨这两个技术的基础和关键概念。 首先,JavaScript是一种轻量级的脚本语言,它主要在客户端运行,允许网页对用户交互做出实时响应。JavaScript的核心特性包括变量、数据类型(如字符串、数字、布尔...
在jQuery的学习过程中,首先要理解的是如何使用`$(document).ready()`和`window.onload`来确保代码在页面加载完毕后执行。 1. `$(document).ready(function(){...})`与`window.onload`的区别: - `$(document)....
本学习笔记将深入探讨jQuery的核心概念、常用函数和实用技巧,帮助开发者快速掌握并应用jQuery。 一、jQuery核心概念 1. 选择器:jQuery的核心在于强大的选择器功能,它允许开发者通过CSS样式选择器来选取DOM元素...
《jQuery学习笔记详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API、强大的功能和广泛的兼容性,深受开发者喜爱。本篇笔记将深入探讨jQuery的核心概念、常用方法以及实战应用,帮助你更好...
### jQuery学习笔记详解 #### 一、jQuery简介 jQuery是一个流行的JavaScript库,旨在简化Web开发者在客户端处理HTML文档和操作DOM的方式。通过提供简洁、易读的API,jQuery极大地降低了编写复杂的JavaScript代码所...
这些是jQuery学习中的基础概念,熟练掌握它们将有助于你更高效地编写和维护JavaScript代码。在实际应用中,还需要结合DOM操作、事件处理、动画效果以及Ajax请求等知识,才能全面理解和使用jQuery。
### jQuery编程笔记知识点详解 #### 一、jQuery概述 1. **简介** - **定义**: jQuery是一款轻量级的JavaScript库,旨在简化HTML文档的操作、事件处理、动画及Ajax交互。 - **特点**: - **轻量化**: 减少...
jQuery是一款高效、简洁且功能丰富的JavaScript库,由John Resig在2006年创建。它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务,使得JavaScript编程更加简单和直观。jQuery的核心理念是"Write Less, Do ...
jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。...以上是jQuery的一些基本概念和常用功能,实际应用中还有许多其他API和高级技巧,学习jQuery能够极大地提升Web开发效率。
这份“jQuery自学笔记”结合“jQuery API汉化版”提供了全面而简洁的学习资源,适合初学者快速掌握jQuery的核心概念和用法。 首先,jQuery的核心理念是“写得更少,做得更多”。它的选择器机制借鉴了CSS,使得选取...
本压缩包提供了全面的jQuery学习资源,包括全版本的jQuery库、学习日志、常用插件及官方帮助文档,是初学者与进阶者不可或缺的学习资料。 ### jQuery基础 1. **DOM操作**:jQuery通过选择器选取DOM元素,如`$("#id...