当前位置:首页 > 日记 > 正文

jQuery操作窗体中常用控件方法综述

jQuery操作窗体中常用控件方法综述
本文总结了jQuery操作表单的常用控件方法,供大家参考:

下面的js代码列出常见的控件(包括选择、RadioBOX,复选框)在jQuery的操作形式,相信一定有你需要的东西

操作无线的HTML代码
电台
1。为了获得选定的值,这三种方法可以:

$(输入:广播:检查')瓦迩();
$(输入{类型=收音机}:检查)瓦迩();
$(输入{名称= 'rd }:检查)的瓦迩();
2。将第一个收音机设置为选定的值:

$(输入:广播:第一),Attr('checked ','checked);
也许

$(输入:广播:第一),Attr('checked '真实');
注:
attr(查看
三.将最后一个收音机设置为选定的值:

$(输入:广播:最后的)。Attr('checked ','checked);
也许

$(输入:广播:最后的)。Attr('checked '真实');
4。根据索引值设置所选值的任何电台:

$(输入:电台)。情商(指标值),Attr('checked '真实');
指标值= 0,1,2的…

也许

$(输入:电台)。片(1,2),Attr('checked '真实');
5。根据值将收音机设置为选定的值。

$(输入:无线电{价值= 'rd2})。Attr('checked '真实');
也许

$(输入{价值= 'rd2})。Attr('checked '真实');
6。删除与RD2值收音机

$(输入:无线电{价值= 'rd2})删除();
7。删除最初的几台收音机

$(输入:);
指标值= 0,1,2的…

如果你删除第三个收音机:

$(输入:)。EQ(2);
8。通过无线电

$(输入:电台)。每个(函数(指数,domele){)
写代码
});
下面的代码演示了DropDownList操作的常用方法

下拉框


B
C
D
E
1。获取选定项的值值:

$('select # SEL选项:选择瓦迩());
也许

$('select # SEL)。发现('option:选择瓦迩());
获取选定项的文本值:

$('select # seloption:选定文本());
也许

$('select # SEL)。发现('option:选定文本());
2。获取当前选定项的索引值:

$('select # SEL),SelectedIndex(0);
三.获取当前选项的最大索引值:

$('select # SEL选项:去年)。Attr(指数)
4。得到DropdownList的长度:

$('select # SEL){ 0 }。options.length;
也许

$('select # SEL),Options.length(0);
5。将第一个选项设置为选定的值:

$('select # SEL选项:第一)。Attr(选中的,真实的)
也许

$('select # SEL){ 0 }。SelectedIndex = 0;
6。将最后一个选项设置为选定的值:

$('select # SEL选项:最后)。Attr(选中的,真实的)
7。根据索引值设置所选值的任何选项:

$('select # SEL){ 0 } SelectedIndex =索引值;
指标值= 0,1,2的…

8。将值= 4的选项设置为所选值:

$('select # SEL)。Attr(币值,4');
也许

$(选择# SEL选择{价值= 4})。Attr(选中的,真实的);
9。删除值= 3的选项:

$(选择# SEL选择{价值= 3})删除();
10。删除第一个选项:

$(选择# SEL选项)。情商(指标值)删除();
指标值= 0,1,2的…

如果你删除第三个收音机:

$(选择# SEL选项)。情商(2)删除();
11。删除第一个选项:

$(选择# SEL选项)。情商(0)删除();
也许

$(选择# SEL选项:第一)删除();
12。删除最后一个选项:

$(选择# SEL选项:去年)删除();
13。删除下拉框:

$(选择# SEL)删除();
14。添加选项:选择后面

$(选择# SEL)。追加(F);
15。添加一个选项:在选择之前

$(选择# SEL)。Prepend(0);
16。遍历选项:

$('select # SEL选项),每个(函数(指数,domele){
写代码
});
下面的代码演示了jQuery用于操作复选框的方式
复选框

1。获得一个复选框选中的项目(三种方式):

$(输入:复选框:选中)。瓦迩()
也许

$(输入:{类型= 'checkbox }:检查)的瓦迩();
也许

$(输入:{姓名}:= 'ck检查)的瓦迩();
2。获取多个复选框选择项:

$(输入:复选框)。每个(函数(){)
如果($(this)。Attr('checked)= = true){
警报($(this))瓦迩());
}
});
三.将第一个复选框设置为选定的值:

$(输入:复选框:第一)。Attr(查看
也许

$(输入:复选框)。情商(0)。Attr(查看
4。将最后一个复选框设置为选定的值:

$(输入:广播:最后的)。Attr('checked ','checked);
也许

$(输入:广播:最后的)。Attr('checked '真实');
5。根据索引值设置所选值的复选框:

$(输入:复选框)。情商(指标值),Attr('checked '真实');
指标值= 0,1,2的…

也许

$(输入:电台)。片(1,2),Attr('checked '真实');
6。选择多个复选框:

同时,选择第一个复选框和第二个复选框:

$(输入:电台)。片(0,2)。Attr('checked '真实');
7。根据值将复选框设置为选定的值:

$(复选框,输入:{价值= 1})。Attr('checked '真实');
8。删除值= 1的复选框:

$(复选框,输入:{价值= 1})删除();
9。删除第一个复选框:

$(输入复选框);
指标值= 0,1,2的…

如果删除第三个复选框:

$(输入:复选框)。EQ(2);
10。穿越复选框:

$(输入:复选框)。每个(函数(指数,domele){)
写代码
});
11。所有选定的

$('input:checkbox').Each (function () {)
$(这)。Attr('checked ',真的);
});
12。废除所有的选择:

$(输入:复选框)。每个(函数(){)
$(这)。Attr('checked,假);
});
希望本文能对大家的jQuery程序设计有所帮助。

相关文章

PS图象处理软件与美的照片和夜晚的

PS图象处理软件与美的照片和夜晚的

美的,照片,图象,处理软件,夜晚,本文主要介绍了PS图象处理软件的双重曝光效果和夜晚的城市。这些步骤有点复杂,喜欢的朋友可以一起学习。 设计素描 uff1a 原始图: 第1步,打开材料图。在这里你可以联机收集和查找,如图所示。 步骤二:将已准备好的…

经典的发自内心的伤感签名

经典的发自内心的伤感签名

伤感,内心,经典,电脑软件,以下是所有经典悲伤人格签名的内容。如果您喜欢小编辑器的建议,请继续关注它。 微笑可以用来掩饰哭泣,笑可以用来掩饰哭泣。 你对我只有一秒钟。 当我还有幽默的泪水时,我真的很佩服我的微笑。 你永远不知道你我害怕…

情感非主流签名

情感非主流签名

非主流,情感,电脑软件,知道你在附近,自然会产生一种特殊的感觉,即使我看不到你。 我把我的空梦卖给你,因为你的眼睛变了。 如果你不抛弃我的渣渣,我愿意为你写你最喜欢的句子。 我也希望当我难过的时候,有一个人在我身后,即使TA一句话也不说。 我…

夜间裸体在荒原上裸体女孩的PS合成

夜间裸体在荒原上裸体女孩的PS合成

照片,荒原,夜间,女孩,电脑软件,本教程是介绍ps合成在夜里坐在干燥的石南荒原上的裸体照片,女孩独自思考的过程,合成效果非常漂亮的教程,教程提供了合成的素材,每一步都有详细的介绍,推荐来了,希望对大家有所帮助。 本教程介绍了PS合成裸体女孩晚…

ai制作漂亮心形图形图标图标

ai制作漂亮心形图形图标图标

图标,图形,漂亮,电脑软件,ai,本教程介绍给朋友,用ai制作漂亮的心形像素样式图标图标方法。教程产生的效果非常漂亮,难度也不大。建议你喜欢你的朋友一起学习。 本教程将向朋友介绍ai创建美丽的心脏像素样式图标。这个教程很漂亮,学习和制作也…

2015对幸福夫妇的签名选择

2015对幸福夫妇的签名选择

选择,夫妇,电脑软件,一个鬼城,一个孤独的人,一个人。 空荡荡的监狱,一座城镇,让一个人。 我以后会和你一起去的。 我想和你一起去的方式 你想要爱,我买不起 我想爱你,但不是 不要跟姐姐的感情,因为姐姐早就戒掉了。 和你谈谈你的感受,因为我爱你。 …

烟花cs3绿色装饰效果

烟花cs3绿色装饰效果

烟花,效果,电脑软件,本教程介绍绿色装修效果使用CS3的烟花生产,生产过程不难,效果很漂亮,只是学了一遍,感觉很好,来了,喜欢的朋友可以跟踪研究 本教程介绍绿色装修效果使用CS3的烟花生产,生产过程不难,效果很漂亮,只是学了一遍,感觉很好,来了,喜欢的朋…

立体广告的三度广告

立体广告的三度广告

广告,立体广告,电脑软件,立体广告的三度广告 大气的广告词简洁风格的PS图象处理软件设计,立体广告字字体教程,非常实用,我们在招贴海报设计、宣传册、宣传海报、宣传单张等印刷产品将获得,使字体也很简单,主要分为两部分:表面特征和三维表面。面…

悲伤与失落的爱情经典签名

悲伤与失落的爱情经典签名

悲伤,经典,爱情,电脑软件,以下是你所编的悲伤爱情与逝去的爱情经典人格签名的全部内容。如果您喜欢小编辑器的建议,请继续关注它。 有很长的时间呆在一起,只有痛苦和快速分手。 我说过我会彻底忘记你,找到一种快乐的方式,即使我没有你。 你说我…

滑稽幽默经典签名

滑稽幽默经典签名

滑稽,幽默,经典,电脑软件,去酒吧的男人大多是为了寻找刺激,而去酒吧的女人中有一半是愤怒的! 在教室里,你不能让学生发现你有纸。多么痛苦啊! 是一样的,为什么我总觉得老师不喜欢绿色学校呢。 如果我有幸能瘦下来,我会买一样的衣服和我的闺蜜喜欢…

对Javascript系列(47)的深刻理解:对象创建模

对Javascript系列(47)的深刻理解:对象创建模

对象创建,模式,第一部分,深刻,系列,介绍 本文主要介绍了创建对象的模式,使用各种技术可以大大避免错误或编写非常简洁的代码。 模式1:名称空间(命名空间) 名称空间可以减少全局命名的数量,以避免命名冲突或过度。 复制代码代码如下所示: VaR…

PS图象处理软件做了一个非常漂亮的

PS图象处理软件做了一个非常漂亮的

网页,图象,处理软件,按钮,水晶,这是一个非常简单的PS图象处理软件生产按钮教程,主要是教你如何使用PS图象处理软件的图层样式来创建一个漂亮的网站水晶按钮。 先看看效果吧。 1、打开Adobe CS3软件PS图象处理软件,菜单的实现: / 文件;新(快捷键…