jquery怎样获取多个复选框的值？_百度知道
jquery怎样获取多个复选框的值？
jquery的遍历方法可以获取复选框所欲的选中值$(&input:checkbox:checked&).each(function(index,element));&&&//&为所有选中的复选框执行函数，函数体中可以取出每个复选框的值$(&input:checkbox:checked&).map(function(index,domElement));&//&将所有选中的复选框通过函数返回值生成新的jQuery&对象实例演示：点击按钮获取checkbox的选中值创建Html元素&div&class=&box&& &span&点击按钮获取checkbox的选中值：&/span&&br& &div&class=&content&& &&&&input&type='checkbox'&name='message'&value='1'/&发送短信&&&&&&&&input&type='checkbox'&name='message'&value='2'/&发送邮件 &/div& &input&type=&button&&value=&提交&&&/div&设置css样式div.box{width:300padding:20margin:20border:4px&dashed&#}div.box&span{color:#999;font-style:}div.content{width:250margin:10px&0;padding:20border:2px&solid&#ff6666;}编写jquery代码$(function(){& $(&input:button&).click(function()&{
text&=&$(&input:checkbox[name='message']:checked&).map(function(index,elem)&{
return&$(elem).val();
}).get().join(',');
alert(&选中的checkbox的值为：&+text); });});观察效果
其他类似问题
7人觉得有用
为您推荐：
提问者采纳
});出来是&});checked&如果两个都选.val()).push($(this);[1.click(function(){
$('input,2;2]，变量&1;就是&each&checked&nbsp.ready(function(){
var checked = []你需要使用&放到一个数组里面$(document):checked');
$("#submitButton"),&
}):checkbox.each(function() {来将每一个&nbsp，alert&
alert(checked)
非常感谢你，不过我想知道，你的代码，背景灰色，是怎样实现的呢？
在你提问或回答问题的时候，上面那排工具栏里有个【代码】（还有图片、符号、编号、、、） 点击代码，选择语言，粘贴代码。这是百度知道近期新加的功能。
提问者评价
你真棒，学习了
您可能关注的推广
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁1368人阅读
Java（24）
作者同类文章X
由于经常使用jQuery，但是其中的很多选择器又不太能够熟练记牢使用，所以趁着上周有人分享，我再仔细的把jQuery的选择器过一遍，争取一次拿下，以后做到运用自如。
jQuery选择器主要来分可以分为三种：（1）基本选择器 （2）层次选择器 （3）过滤选择器 (4) 表单选择器
1、基本选择器
基本选择器主要就是比较常见和常用的集中，是必须要掌握的。
#ID id选择器 返回一个对象
.class 类选择器 返回集合
$(&.content&)
Element 标签选择器 返回集合
$(&input&)
* 匹配所有元素 返回集合 $(&*&)
selector1,selector2,selector3,....合并每个选择器匹配的元素，返回集合 $(&#div,.class,input&)
2、层次选择器（主要是选择层次下面的元素）
选择E元素中的所有F后代元素(注意：是子孙元素) 返回集合
$(&P&C&) 选择P元素下的C子元素（注意：是子元素） 返回集合
$(&P+N&) 选择P元素后的相邻元素（即下一个兄弟元素），和$(&P&).next(&N&)方法执行效果相同
$(&P~S&) 选择P元素之后的所有S兄弟元素，和$(&P&).nextAll(&S&)方法执行效果相同，另pre()方法和next()方法相对。preAll()和nextAll()相对。
注意siblings()方法和nextAll()方法的区别：siblings()是所有前后的兄弟元素，nextAll()是所有后面的兄弟元素
第三和第四个选择器常常用后面的写法代替
3、过滤选择器（主要是按照后面的过滤条件取出前面的元素）
通过特定的过滤规则筛选DOM元素
格式: :过滤规则(以冒号作为过滤条件)
分类：基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象过滤器
(1)基本过滤器
:first 选取第一个元素，$(&div:first&)
:last 选择最后一个元素，$(&div:last&)
:not(selector) 除了和选择器匹配元素之外的所有元素，$(&input:not(.mytext)&)
:even 索引是偶数的所有元素，$(&tr:even&)
:odd 索引是奇数的所有元素，$(&tr:odd&)
:eq(index),:gt(index),lt(index) 分别选择索引等于，大于和小于index的元素
:header 选择所有的标题元素，$(&:header&)如h1,h2,h3...
:animated 选择当前执行动画的元素，$(&div:animated&)
(2)内容选择器
按照它所包含的子元素或者文本内容来选择元素
:contains(text) 文本内容为text的元素，$(&div:contains('Hello')&)
:empty 不包含子元素和文本内容的空元素
:has(selector) 包含有匹配选择器的元素为子元素的元素 ，$(&div:has(p)&)
:parent 选择包含的子元素或者文本内容的元素
(3)可见性过滤器
:hidden 选择不可见的元素，$(&div:hidden&)
:visible 选择可见的元素，$(&input:visible&)
在可见性选择器中，需要注意选择器 :hidden，它不仅包括样式属性display为&none&的元素，也包括文本隐藏域(&input type=&hidden&/&)和visibility:hidden之类的元素。
.show(3000)
.hide(1000
(4)属性过滤器
通过元素的属性或者属性值选择元素
[attri] 选择拥有此属性的元素，$(&div[id]&)
[attri=value] 选择属性的值等于value的元素
[attri！=value] 属性的值不等于value的元素
[attri^=value] 属性的值以value开头的元素
[attri$=value] 属性的值以value结尾的元素
[attri*=value] 属性的值中含有value的元素
[selector1][selector2]… 合并多个属性过滤器的结果
(5)子元素过滤器(是选择子类元素的)
:first-child 选择每个父元素的第一个子元素 ，$(&ul li:first-child&)
:last-child 选择每个父元素的最后一个子元素
:only-child 选择是父元素的唯一子元素
:nth-child(even) 选择每个父元素中索引是偶数的子元素
:nth-child(odd) 选择每个父元素中索引是奇数的子元素
:nth-child(index) 选择每个父元素中索引等于index的子元素，index有倍数形式，如3n,表示所有3的倍数，n=0,1,2…
(6)表单对象属性过滤选择器
针对表单元素进行选择
:enabled 选择所有可用的表单元素，$(&#form1 :enabled&)
:checked 选择所有被选中的单选按钮和复选框元素
:selected 选择所有下拉列表中被选中的选项元素
4、表单选择器
:input 选择所有表单元素，包括&input&&textarea&&select&&button&等元素
:text 选择所有文本框,$(&#form1:text&)
:password 选择所有密码文本框
:radio 选择所有单选按钮
:checkbox 选择所有复选框
需要特别注意的是后迭代选择器和过滤选择器的不同：
&div class=&test&&
&div style=&display:&&aa&/div&
&div style=&display:&&bb&/div&
&div style=&display:&&cc&/div&
&div class=&test& style=&display:&&dd&/div&
&div class=&test& style=&display:&&ee&/div&
&div class=&test& style=&display:&&ff&/div&
使用如下的jQuery选择器分别获取他们。
var $t_a = $('.test :hidden');
//带空格的JQuery选择器（后迭代选择器，选取的是class为&test&的元素里面的隐藏元素）
var $t_b = $('.test:hidden');
//不带空格的jQuery选择器（过滤选择器，选取隐藏的class为&test&的元素）
var len_a = $t_a.
var len_b = $t_b.
alert(&$('.test :hidden') = & + len_a); //输出 4
alert(&$('.test:hidden') = & + len_b); //输出 3
下面是一个比较经典的例子：
&title&jQuery test&/title&
&script type=&text/javascript& src=&js/jquery-1.6.2.min.js&&&/script&
&script type=&text/javascript&&
$(function(){
//alert(&shit it&);
var $category = $('ul li:gt(5):not(:last)');
$category.hide();
var $toggleBtn = $('div.showmore & a');
$toggleBtn.click(function(){
if($category.is(&:visible&)){
$category.hide(); //隐藏
$('.showmore a span').css(&background&,&url(img/down.jpg) no-repeat 0 0&).text(&显示全部品牌&);
$('ul li a').removeClass(&promoted&);
$category.show(); //显示全部品牌
$('.showmore a span').css(&background&,&url(img/up1.jpg) no-repeat 0 0&).text(&精简显示品牌&);
$('ul li a').filter(&:contains('佳能'),:contains('尼康'),:contains('奥林巴斯')&).addClass(&promoted&);
//超链接不跳转
$toggleBtn.toggle(function(){
$category.show(); //显示全部品牌
$('.showmore a span').css(&background&,&url(img/up1.jpg) no-repeat 0 0&).text(&精简显示品牌&);
$('ul li a').filter(&:contains('佳能'),:contains('尼康'),:contains('奥林巴斯')&).addClass(&promoted&);
//超链接不跳转
},function(){
$category.hide(); //隐藏
$('.showmore a span').css(&background&,&url(img/down.jpg) no-repeat 0 0&).text(&显示全部品牌&);
$('ul li a').removeClass(&promoted&);
//超链接不跳转
&style type=&text/css&&
.promoted {
font-family: &Courier New&, Courier,
color:#F00;
font-size: 20
white-space:
&div class=&SubCategoryBox&&
&li&&a href=&#&&佳能&/a&&i&(27113)&/i&&/li&
&li&&a href=&#&&索尼&/a&&i&(1256)&/i&&/li&
&li&&a href=&#&&三星&/a&&i&(33556)&/i&&/li&
&li&&a href=&#&&苹果&/a&&i&(1024581)&/i&&/li&
&li&&a href=&#&&柯达&/a&&i&(1250)&/i&&/li&
&li&&a href=&#&&卡西欧&/a&&i&(5456)&/i&&/li&
&li&&a href=&#&&富士&/a&&i&(2458)&/i&&/li&
&li&&a href=&#&&宾得&/a&&i&(8754)&/i&&/li&
&li&&a href=&#&&理光&/a&&i&(2424)&/i&&/li&
&li&&a href=&#&&奥林巴斯&/a&&i&(87855)&/i&&/li&
&li&&a href=&#&&明基&/a&&i&(4424)&/i&&/li&
&li&&a href=&#&&爱国者&/a&&i&(57857)&/i&&/li&
&li&&a href=&#&&尼康&/a&&i&(2454)&/i&&/li&
&li&&a href=&#&&松下&/a&&i&(5784)&/i&&/li&
&li&&a href=&#&&其他品牌相机&/a&&i&(74548)&/i&&/li&
&div class=&showmore&&
&a href=&& target=&_blank&&&span&show all brands&/span&&/a&
几个常用的jQuery的方法如下：
show()： 显示隐藏的匹配元素。
css(name,value)：给元素设置样式。
text(string)：设置所有匹配元素的文本内容。
filter(expr)：筛选出与指定表达式匹配的元素集合，其中expr可以是多个选择器的组合。
addClass(class),removeClass(class)：为匹配的元素添加指定的类名。
toggle()：交替执行方法。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：85899次
积分：1706
积分：1706
排名：第13451名
原创：89篇
评论：22条
(1)(2)(2)(4)(2)(1)(5)(10)(7)(2)(17)(45)jQuery基础课程
第1章 初识jQuery （站在巨人的肩膀上...
第2章 jQuery 基础选择器
第3章 jQuery过滤性选择器
第4章 jQuery表单选择器
第5章 jQuery 操作DOM元素
第6章 jQuery 事件与应用
第7章 jQuery 动画特效
第8章 jQuery 实现Ajax应用
第9章 jQuery 常用插件
第10章 jQuery UI型插件
第11章 jQuery 工具类函数
第12章 jQuery在线聊天室
有一些元素存在选中状态，如复选框、单选按钮元素，选中时&checked&属性值为&checked&，调用:checked可以获取处于选中状态的全部元素。
例如，在表单中添加多个复选框和单选按钮，其中有一些元素处于选中状态，使用:checked获取并隐藏处于选中状态的元素，如下图所示：
在浏览器中显示的效果：
从图中可以看出，使用:checked选择器可以获取处于选中状态的元素，并调用hide()方法将它们进行隐藏。
& 在编辑器第28行，使用:checked选择器获取全部处于选中状态的元素，并调用attr()方法将它们设为不可用。
?不会了怎么办
是否缺少&:&。
&checked&书写是否正确。
&!DOCTYPE html&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&:checked选中状态选择器&/title&
&script src=&/jquery/1.9.0/jquery.js& type=&text/javascript&&&/script&
&h3&将处于选中状态的元素设为不可用&/h3&
&form id=&frmTest& action=&#&&
&input id=&Radio1& type=&radio& checked=&checked& /&
&label id=&Label1& for=&Radio1&&
苹果&/label&&br /&
&input id=&Radio2& type=&radio& /&
&label id=&Label2& for=&Radio2&&
桔子&/label&&br /&
&input id=&Checkbox1& type=&checkbox& checked=&checked& /&
&label id=&Label3& for=&Checkbox1&&
荔枝&/label&&br /&
&input id=&Checkbox2& type=&checkbox& /&
&label id=&Label4& for=&Checkbox2&&
葡萄&/label&&br /&
&input id=&Checkbox3& type=&checkbox& checked=&checked& /&
&label id=&Label5& for=&Checkbox3&&
香蕉&/label&&br /&
&script type=&text/javascript&&
?.attr(&disabled&, true);
你发的评论可能会是问题？是否将他发到问答中
你的同学87228人
学过该课的人还学过
Copyright (C)
All Rights Reserved | 京ICP备 号-2
请输入讨论内容...
本次提问将花费2个积分
你的积分不足，无法发表
本次提问将花费2个积分
继续发表请点击 "确定"CheckBox（复选框）主要用来接收用户选择的选项
如图所示（请忽略UI的不好看）：
该弹出窗口的主要代码如下：
var win = new Ext.Window({
modal : true,
title : '确定要拒绝该表吗？',
width : 500,
plain : true,
items : [fp]
win.show();
弹出的窗口是载体，items里面的[fp]是form表单的句柄。
具体定义如下：
var fp = Ext.create('Ext.FormPanel', {
frame: true,
fieldDefaults: {
labelWidth: 110
width: 500,
bodyPadding: 10,
xtype: 'fieldset',
//title: '确定要拒绝该张表吗？',
defaultType: 'checkbox',
layout: 'anchor',
defaults: {
anchor: '100%',
hideEmptyLabel: false
fieldLabel: '请选择拒绝原因:',
boxLabel: '该表没有填写完整。',
name:'integrity',
inputValue: '1'
name:'correct',
boxLabel: '该表填写不准确。',
inputValue: '1'
buttons: [
{text: '确认',handler: function(){
//得到完整性和准确性信息 有则为1 没有为0
if(fp.getForm().isValid()){ 　　　　　　　　　　　　　　　　
console.log(fp.getForm().findField('integrity').getValue()?1:0);
console.log(fp.getForm().findField('correct').getValue()?1:0)
win.hide();
text: '取消',
handler: function(){
　　　win.hide();
这里面基本涵盖了所有的感兴趣的信息。具体的参见API吧本身不难
着重说下得到checkBox的值
console.log(fp.getForm().findField('integrity').getValue()?1:0);
console.log(fp.getForm().findField('correct').getValue()?1:0)
这两句话就是如何得到完整性和正确性的值。
php获取 checkbox复选框值的方法
&html xmlns=&http://www.jb51.net/1999/xhtml&& &head& &meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /
有关javascript 获取checkbox复选框的实例数不胜数，下面的这个示例，纯js实现的
var form = document.getElementById(&form2&); var field = form.elements[&test2&]; var option = Dining.getSelectedOption(form, fiel
今天系统中有处地方需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态。网上搜索了半天，然后自己查查API，终于找到解决办法了，下面把方法贴出来。
在Extjs3.x和4.x版本中的处理方法是不一样的， 3.x版本中可以这样操作：
node.attributes.checked= node.getUI().toggleCheck(false);
在Web开发中，有时候需要显示一些复选框（checkbox），表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户&这个地方是可以进行勾选操作的&而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将复选框设置成只读的效果。 提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面
有关javascript 获取checkbox复选框的实例数不胜数。 js实现：
var form = document.getElementById(&form2&); var field = form.elements[&test2&]; var option = Dining.getSelectedOption(form, field); var
GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。
[源码下载]
扩展GridView控件(4) - 联动复选框（复选框的全选和取消全选）
作者： webabcd
/* 正式版的实现开始 */
扩展GridView控件：
联动复选框（复选框的全选和取消全选）。选中指定的父复选框，则设置指
通常来说，php中总是只获取最后一个复选框的值，那么如何才能获取所有复选框的值？ 解决办法如下： form表单的部分代码如下：
&input type=&checkbox& name=&frm_tag[]& value=&1&&1 &input type=&checkbox& name=&quot
本文介绍了一个较为通用的获取 checkbox 值的方法，希望对新手有用。
&script type=&text/javascript&& // 说明： 用 Javascript 验证表单（form）中多选框（checkbox）的值 // 作者： CodeBit function getCheckboxValue(checkbox) { if
　　复选框（Checkbox）在各个浏览器中的效果不一致，因此很多 Web 开发人员会自己重新设计一套界面和使用体验都更佳的复选框功能。下面就给大家分享9款超炫的复选框（Checkbox）效果，纯 CSS3 实现，未使用任何图片。 　　温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
　　前面三款效果都
今天碰到“jquery动态获取复选框checkbox选中的个数”，首先看下面例子：
&input type=&checkbox& checked=&checked&&python&br& &input type=&checkbox& checked=&checked&
首先，使用JS动态产生Checkbox可以采用如下类似的语句：
var checkBox=document.createElement(&input&); checkBox.setAttribute(&type&,&checkbox&); checkBox.setAttribute(&id&,'12
// 主复选框 &input type=&checkbox& id=&ck& name=&ckAll&&// 子复选框项 &input type=&checkbox& id=&ck1& name=&ckItm&& &input typ
extjs 如图，实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点。
var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.t
jQuery判断checkbox（复选框）是否被选中：if($(&#id&).attr(&checked&)==true) jQuery实现checkbox（复选框）选中、全选/反选代码：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN&
function selectAll() //全选 { var objs = document.getElementsByName('twId'); for(i = 0; i & objs. i++) { if(objs[i].type == &checkbox&) { objs[i].checked = } } } functio
由于某种原因，需要做一个控制grid列显示的checkboxgroup，虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏，但是有这样的需求（需要一目了然）
下面先上图
接着前几天做的工作，今天上午完成了定制字段，思路是在上面的普通查询或者高级查询结束以后，获得了列的fields，columns等信息，然后交给一个处理函数 makeCustomMadePan
网页表单中经常用到复选框，那么如何用PHP来判断提交的表单中哪些复选框被选中，并读取其中的数据呢。 首先建立一个表单：form.html
&form action=checkbox.php method=post&
&input name=&s[]& type=&checkbox& value=&3&quo
//是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $(&input[name='soft[]']:checkbox&).each(function () { if ($(this).attr(&checked&)) { falg += 1;
1、获取单个checkbox选中项(三种写法)$(&input:checkbox:checked&).val()或者$(&input:[type='checkbox']:checked&).val();或者$(&input:[name='ck']:checked&).val(); 2、 获取多个checkbox选中项$('input:ch
&!--HTML代码片段如下： --&
&div id=&div1&& &input type=&checkbox& onclick=&selectCheckBoxes('div1', this.checked)& /&全选&br/& &input type=&q
1、复选框全选操作：其实说到底就是对Jquery 选择器的运用，点我查看Jquery选择器 html代码:
&form& 您爱好的运动是： &input type=&checkbox& name=&item& value=&football&/& football &input type
实现这样一个基本需求，页面有很多数据，可以删除一条或多条，删除前判断是否选中至少一条，否则提示。
function deleteUser() { //当时是想把内容以str+=&&的方式 进行保存 ，但不行 // var array = new Array(); //用于保存 选中的那一条数据的ID //判断是否一个未选
使用方法:我们先把下面的JS保存为有个文件,到时候调用，淡然你也可以直接写在页面内,推荐使用前者,方便重用:
(function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:'group_name', en
function jqchk(){ //jquery获取复选框值 var s=''; $('input[name=&aihao&]:checked').each(function(){ s+=$(this).val()+','; });
点击“提交”后，可以得到正确的选择值了，但是后面多一个,(英文逗号)，这个可以检测一下再用substring去除，或者获取
表单复选框就是checkbox 　　1、checkbox的应用
&inputtype=&checkbox&name=&ch&value=&2&& 　　2、由于我传输的是在php循环中产生的数组，因此value也
在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG，咨询了大神，才闹明白怎么回事，这里记录下来，分析给大家。 先上代码：
你爱好的运动是？&input type=&checkbox& id=&Check
checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解，我觉得change事件应该是最合理的，可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些： radio注册了click事件以后，神奇的是用键盘上的上下左右选择时，居然会触发鼠标事件，滚轮也会触发，这种神奇的事情
1.日期选择框，DateField 日期选择框在日常项目中被广泛应用，一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框：
new Ext.form.DateField({ id: 'diliveryDate', format: 'Y年m月d日', maxValue: new Date(), min
验证复选框的php代码，如下：
&?php /** * 在php中验证复选框的有效性 */ $value = 'yes'; echo &&input type='checkbox' name='subscribe' value='yes'/& 验证数据&;
if (isset(
复选框全选示例
&input type=&checkbox& name=&selectall& value=on onclick=&selectAll()&&
function selectAll(form) {var obj = document.getElementsByName('sel
ExtJS看似靓丽，其实未必“贤惠”，我在尝试将其用在项目中时，发现它的几个主要特点：
1、文件庞大，动不动上兆的资源文件（JS+CSS+Images），在B/S应用中是致命的。
2、不便于与其它内容共存，所以你必须做出选择：是以ExtJS为基础设计，还是不用它。
3、文档虽有API文档，却缺少简单清晰的例子，学习不便。
js获取复选框的值、根据值查询数据库信息
//js获取复选框的值 function zhuzhuangtu(obj){ var websiteID = document.getElementsByName('websiteID'); var value=&&; var tag = 0; for(i=0;i&websiteID.i++){ if(websit
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create(&Ext.form.Panel&,{ title:'本地hiddenfield实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:true, de
Extjs中的表单组件是Ext.form.BasicForm，不过最简单最常用的是Ext.form.FormPanel控件，它继承自Panel，具有一定的界面显示控制能力，它其中包含着一个BasicForm对象，用来执行向服务器提交，加载等动作。Extjs也对常用的html表单项进行了封装，提供了一些额外的功能，比如数据验证。实际使用的时候只要向FormPanel中添加这些表单项即可。常见的表单项
1.首先得确定json格式没问题
2.在返回的json中一定得加上success为true，因为只有为true，才会进入success函数
因为刚结束Extjs4，这个错误我调试了半天。
开始以为很简单，在option里加个input checkbox就行了。哪知行不通，网上搜了一些实现方法，主要是用div层来模拟下拉。本想照着这种思路，再结合这个项目具体应用自己写一个，发现太麻烦了。刚好在另外一个项目中使用extjs，找到了一个扩展lovcombo，学习了一下它自带的例子（配合2.3版的extjs，3.x版的貌似有问题）。例子倒不难，关键是要把它添加到现有的代码中，并且尽量少的改
TreeView既强大又好用。为了让它更强大、更好用，我们来写一个继承自TreeView的控件。
[源码下载]
扩展TreeView控件(1) - 联动复选框（复选框的全选和取消全选）
作者： webabcd
扩展TreeView控件：
联动复选框（复选框的全选和取消全选）。选中指定的父复选框，则设置其所有子复选框为选中状态；取消选中指定的父复选框，则设置其所有子复
一个比较常见的全选功能，前天在弄后台的时候有看到，整理了一下。具体： //说明：form1为表单名，mId为复选框，selectbutton为全选按钮 &scriptlanguage=&javascript&& functionselectAll() &nbs
&style type=&text/css&& /* 带复选框的下拉框 */ ul li{ list-style: padding:0 margin: 0 } .select_checkBox{ border:0 position: display:inline-bloc
一、 Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels：tru表示隐藏标签，默认为false。 labelAlign：标签队齐方式left、right、center,默认为left。
Ext.onReady(function(){