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程序设计有所帮助。

tag:操作窗体方法常用控件综述

相关内容