Java认证之jquery操作单选、复选、下拉(2)

会计考友

Java认证之jquery操作单选、复选、下拉(2)

9 d& ?! s' Y& N6 W) \) h4 @
获取select被选中项的文本
var item = $（“select［@name=items］ option［@selected］”）.text（）;
select下拉框的第二个元素为当前选中值
$（’#select_id‘）［0］.selectedIndex = 1;
+ m  g' {; G2 V% r! \5 @* P9 I$ Y# Pradio单选组的第二个元素为当前选中值
$（’input［@name=items］‘）.get（1）.checked = true;
获取值：
9 {* d0 F# M) D5 a! F9 u& k, F文本框，文本区域：$（“#txt”）.attr（“value”）；
多选框checkbox：$（“#checkbox_id”）.attr（“value”）；
3 O* L1 |0 x7 u: N. j% c' w单选组radio： $（“input［@type=radio］［@checked］”）.val（）;
! L6 z0 V% x- b, {6 n6 ]下拉框select： $（’#sel‘）.val（）;
& ~. S9 `) E: A控制表单元素：
文本框，文本区域：$（“#txt”）.attr（“value”，’‘）;//清空内容
$（“#txt”）.attr（“value”，’11‘）;// 填充内容
多选框checkbox： $（“#chk1”）.attr（“checked”，’‘）;//不打勾
& X' ^$ N8 N: ~  y  l$（“#chk2”）.attr（“checked”，true）;// 打勾
if（$（“#chk1”）.attr（’checked‘）==undefined） //判断是否已经打勾
单选组radio： $（“input［@type=radio］”）.attr（“checked”，’2‘）;//设置value=2的项目为当前选中项
9 n+ ]# G" y  ?1 [/ w$ L9 I下拉框select： $（“#sel”）.attr（“value”，’-sel3‘）;//设置value=-sel3的项目为当前选中项
# c1 _" W6 N7 E5 {: i3 C9 m7 z$（“《optionvalue=’1‘》1111《/option》《optionvalue=’2‘》 2222《/option》”）.appendTo（“#sel”）//添加下拉框的option
$（“#sel”）.empty（）；// 清空下拉框
获取一组radio被选中项的值
var item = $（‘input［@name=items］［@checked］’）.val（）;
6 z& B# ]8 a, c9 Z4 r获取select被选中项的文本
; W. u2 e6 n9 ^) B" bvar item = $（“select［@name=items］ option［@selected］”）.text（）;
select下拉框的第二个元素为当前选中值
$（‘#select_id’）［0］.selectedIndex = 1;
4 X% i1 Z1 v0 a% Gradio单选组的第二个元素为当前选中值
$（‘input［@name=items］’）.get（1）.checked = true;
6 G; p9 Z' |- P2 \5 H/ E获取值：
- ^' V5 N0 `* q# b6 Z# ], e文本框，文本区域：$（“#txt”）.attr（“value”）；
1 E/ g6 m/ P' p( U* L多选框checkbox：$（“#checkbox_id”）.attr（“value”）；
9 X0 c& V' D/ E. d0 l单选组radio： $（“input［@type=radio］［@checked］”）.val（）;
下拉框select： $（‘#sel’）.val（）;
控制表单元素：
文本框，文本区域：$（“#txt”）.attr（“value”，‘’）;//清空内容
7 D# `! W* t; U2 ?3 Q$（“#txt”）.attr（“value”，‘11’）;//填充内容
多选框checkbox： $（“#chk1”）.attr（“checked”，‘’）;//不打勾
$（“#chk2”）.attr（“checked”，true）;//打勾
' c: p! h. s- Pif（$（“#chk1”）.attr（‘checked’）==undefined） //判断是否已经打勾
单选组radio： $（“input［@type=radio］”）.attr（“checked”，‘2’）;//设置value=2的项目为当前选中项
下拉框select： $（“#sel”）.attr（“value”，‘-sel3’）;//设置value=-sel3的项目为当前选中项
' M1 n1 X, D; H$（“《option value=‘1’》1111《/option》《option value=‘2’》2222《/option》”）.appendTo（“#sel”）//添加下拉框的option
$（“#sel”）.empty（）；//清空下拉框
( L  \% {$ ]/ T( S6 a//得到select项的个数
- J" U, [/ g: G; m7 [# Y7 NjQuery.fn.size = function（）{
4 L; X4 K1 I6 F: M; ^( o, ?return jQuery（this）.get（0）.options.length;
4 H0 b8 j. k8 A: H}
1 I3 r  t) F6 r//获得选中项的索引
jQuery.fn.getSelectedIndex = function（）{
3 i+ N9 A: b6 I) xreturn jQuery（this）.get（0）.selectedIndex;
: _1 Z6 t+ H: p7 R( e& F}
//获得当前选中项的文本
+ K# I, H# i5 v  `" R1 TjQuery.fn.getSelectedText = function（）{
; U) p0 A) v2 M: q8 Z) jif（this.size（） == 0） return “下拉框中无选项”;
else{
var index = this.getSelectedIndex（）;
8 D8 Y& D+ i3 I( W5 z& M1 O1 ereturn jQuery（this）.get（0）.options［index］.text;
}
}
" S2 [& H, k( v- @. N& g. A//获得当前选中项的值
: e5 E% {4 P0 X* k' k: x! x6 f6 njQuery.fn.getSelectedValue = function（）{
if（this.size（） == 0）
6 u4 `9 J" u0 j8 {0 {return “下拉框中无选中值”;
9 Q( ~, |3 y- X/ i3 melse
return jQuery（this）.val（）;
  u/ c- H+ j% w6 y. ~}
//设置select中值为value的项为选中
% f" l' Q( @: T3 o" }jQuery.fn.setSelectedValue = function（value）{
3 v+ F; R/ ?: D1 zjQuery（this）.get（0）.value = value;
}
//设置select中文本为text的第一项被选中
% D1 N4 O) v5 {7 Q: `7 k1 ejQuery.fn.setSelectedText = function（text）
! t; O: I) @5 }& L8 Z{
4 ]. Z0 |1 R: v: M* J4 |' Hvar isExist = false;
2 D" T  \7 [* T7 u" ^; Yvar count = this.size（）;
6 |2 j( n3 n9 }0 W! v9 w2 Mfor（var i=0;i《count;i++）
5 Y7 B5 D) O, h* J3 F{