jquery 操作checkbox的例子(全选,反选,获取选取值)
2008-12-22 18:08
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<HTML>
3 <HEAD>
4 <TITLE> New Document </TITLE>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 <link href="css/ingrid.css" rel="stylesheet" type="text/css">
7<script language="JavaScript" src="jquery-1.2.3.pack.js" type="text/javascript"></script>
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 })
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>
87http://hi.baidu.com/godist/blog/item/b28e5924edbadd064c088d8e.html
分享到:
相关推荐
jquery、js操作checkbox全选反选.docx
DataGridView表头添加checkbox实现全选反选
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
android checkbox全选反选
页面上通过一个checkbox实现全选与反选
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
Checkbox全选反选.html
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
js原生,checkbox全选,反选,选特定的值。jq会更简单。。初学时候比用的
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
三种方式实现checkbox全选,反选,最简单的js技术;基于java代码,简单易懂,提供三3个demo,每一个都能实现
重写DataGridView,在标头添加复选框,实现列中的复选框全选和反选
C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了,一看就懂。 我的腾讯微博:http://t.qq.com/djk8888
JQuery实现checkbox的全选取消全选
实现table表格checkbox复选框的全选 反选.
NULL 博文链接:https://dazhi4java.iteye.com/blog/1849623
android ListView中的checkBox全选和反选Demo
用jquery实现的checkbox全选和反选代码,需要的朋友可以参考下。