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