a我考网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 90|回复: 0

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

[复制链接]
发表于 2012-8-4 12:28:23 | 显示全部楼层 |阅读模式
Java认证之jquery操作单选、复选、下拉(2)
6 }, U5 X/ ^* [  o3 ~, i6 J. G2 M. R, h% D2 H4 k" ^, B! M
9 i+ H! i2 H: b/ Z# \0 a7 z6 p, }
获取select被选中项的文本
- i: s2 s. K$ y1 _/ G- Q& C$ \var item = $(“select[@name=items] option[@selected]”).text();9 N( b. u/ s  U9 |3 y, p
select下拉框的第二个元素为当前选中值5 ?- ]4 f/ X0 q+ Y' D" p
$(’#select_id‘)[0].selectedIndex = 1;
& M% }% Z9 H, k, y0 rradio单选组的第二个元素为当前选中值
. L/ C4 r5 B6 x' m7 s$(’input[@name=items]‘).get(1).checked = true;. C4 D  o# }6 N& u* H6 a
获取值:
/ V9 D# ^  {6 c5 e文本框,文本区域:$(“#txt”).attr(“value”);
) Y) ^/ ~1 A" V% X2 A# R: f多选框checkbox:$(“#checkbox_id”).attr(“value”);. i6 I& {6 i6 D7 D3 Y
单选组radio: $(“input[@type=radio][@checked]”).val();7 e8 N2 x0 Q# }, M" k0 f2 o8 A! q; y
下拉框select: $(’#sel‘).val();
! b& ^/ ]+ r! C5 @4 I" @控制表单元素:- k" Z  }" E# |
文本框,文本区域:$(“#txt”).attr(“value”,’‘);//清空内容7 t9 g  C, ?$ V
$(“#txt”).attr(“value”,’11‘);// 填充内容$ ^. R5 B7 }- u  G) q# Z
多选框checkbox: $(“#chk1”).attr(“checked”,’‘);//不打勾
- a  M, h( M- p5 E8 v$(“#chk2”).attr(“checked”,true);// 打勾3 Z5 J/ O" W/ V5 s4 x6 A4 c' s
if($(“#chk1”).attr(’checked‘)==undefined) //判断是否已经打勾1 _  \' W) v# e! ]4 x8 b6 _
单选组radio: $(“input[@type=radio]”).attr(“checked”,’2‘);//设置value=2的项目为当前选中项
' O; L( C+ ^9 f! U# D' }5 u- F6 L下拉框select: $(“#sel”).attr(“value”,’-sel3‘);//设置value=-sel3的项目为当前选中项
% x7 U' r3 b+ x6 i1 u$(“《optionvalue=’1‘》1111《/option》《optionvalue=’2‘》 2222《/option》”).appendTo(“#sel”)//添加下拉框的option- S8 m4 F6 B( P1 x' F# U4 o2 _
$(“#sel”).empty();// 清空下拉框
  q; k2 p; ]( U获取一组radio被选中项的值
4 \) R: h! a' q+ ]7 ^4 \var item = $(‘input[@name=items][@checked]’).val();2 N+ a% i( x2 L' S$ w  h
获取select被选中项的文本" D0 f3 \8 [) L4 `, P
var item = $(“select[@name=items] option[@selected]”).text();5 H- r5 y/ l. A! J4 w0 J
select下拉框的第二个元素为当前选中值
- m# {6 S2 O- M4 z$ |: R: I$(‘#select_id’)[0].selectedIndex = 1;! h- U: {; T& n' _
radio单选组的第二个元素为当前选中值7 J1 ~: e4 s, s& E% R% V
$(‘input[@name=items]’).get(1).checked = true;+ K1 F- _+ ~6 J1 E- T
获取值:' B' t$ b8 p; z2 a
文本框,文本区域:$(“#txt”).attr(“value”);* m5 T& O1 `' V  r
多选框checkbox:$(“#checkbox_id”).attr(“value”);
, Q  e* @8 T2 h4 F& Y单选组radio: $(“input[@type=radio][@checked]”).val();
3 L* h+ u# V( Q/ }. ~# l; ?' e下拉框select: $(‘#sel’).val();8 M& h3 Z! I6 t( I! S# j3 H
控制表单元素:
1 o! \3 E6 j) P  Z0 S/ ^文本框,文本区域:$(“#txt”).attr(“value”,‘’);//清空内容% A; O8 j7 _$ ?5 A8 g% g# i/ j. L
$(“#txt”).attr(“value”,‘11’);//填充内容) z7 |+ O6 k2 D0 C; i2 Q8 V
多选框checkbox: $(“#chk1”).attr(“checked”,‘’);//不打勾5 S7 k( e+ l/ F" t8 t2 v0 F
$(“#chk2”).attr(“checked”,true);//打勾
# W, C6 |8 k! fif($(“#chk1”).attr(‘checked’)==undefined) //判断是否已经打勾1 a$ C6 Z1 D: f* y
单选组radio: $(“input[@type=radio]”).attr(“checked”,‘2’);//设置value=2的项目为当前选中项
( x- S# Z2 }0 A: c4 `; {下拉框select: $(“#sel”).attr(“value”,‘-sel3’);//设置value=-sel3的项目为当前选中项5 O0 e$ ~" d3 K% z+ W( [8 v
$(“《option value=‘1’》1111《/option》《option value=‘2’》2222《/option》”).appendTo(“#sel”)//添加下拉框的option
; p3 L5 \4 F( j( J- l! b* {+ W$(“#sel”).empty();//清空下拉框8 H( y) b* _0 }, E/ E# |' @2 j
//得到select项的个数
; o$ I% h% g# o5 M+ N/ [jQuery.fn.size = function(){
5 ^/ X' U1 _" E& S8 g2 M4 _return jQuery(this).get(0).options.length;
6 R/ C, d+ d9 A5 m5 c$ @}* Z8 d: L2 L( b/ `# B9 n
//获得选中项的索引
& p+ a  [( ]& y. fjQuery.fn.getSelectedIndex = function(){; s% B) {5 k& f( \. O
return jQuery(this).get(0).selectedIndex;
+ A, y+ U# D) n}6 c- f& \& r- I" m6 ^" e
//获得当前选中项的文本
  L$ V6 b5 V+ ?3 N+ zjQuery.fn.getSelectedText = function(){% i% N- I0 @' @
if(this.size() == 0) return “下拉框中无选项”;  r" T6 A+ J: Y
else{" q- t2 C6 t8 N# A- C3 j( c
var index = this.getSelectedIndex();, d7 z. v$ y* f  y. g1 K5 H( f
return jQuery(this).get(0).options[index].text;+ u) z( T0 J' R$ r5 M4 n
}
  P2 G+ h- }5 s1 z}
! J7 G+ M. r8 X# d# J) @; E4 @//获得当前选中项的值
9 X, U4 a, x* x  o! P$ b: d7 [/ k+ BjQuery.fn.getSelectedValue = function(){5 T( }0 L* i8 p
if(this.size() == 0)8 F5 m/ P! z/ m  X, M) N& L
return “下拉框中无选中值”;
9 l; B' Z% B+ U3 ~) G  V+ ~else
" e/ H: G2 P8 r- q% f& ^5 ^8 K# Freturn jQuery(this).val();
  l7 s; F/ j& Q# c; \0 p% m& Y4 f}
1 ?8 C$ \! R' Z6 T9 |//设置select中值为value的项为选中
6 B. g: T: W6 g1 `) MjQuery.fn.setSelectedValue = function(value){
: u) e! Z& E  H4 f. o4 O1 ojQuery(this).get(0).value = value;
+ s# P/ S0 G3 _' I' P9 k}
; N6 S- `+ ~& U/ p7 W0 r9 E//设置select中文本为text的第一项被选中
5 @' M$ p3 U. K( C8 k, e3 K" VjQuery.fn.setSelectedText = function(text)  l5 J& p2 q! o/ y' r- e
{: L+ I0 P6 Z/ F
var isExist = false;7 A" D6 T; o7 N7 ~. z
var count = this.size();1 Z. _' {& Q. x
for(var i=0;i《count;i++)9 L* w6 D( h9 D* @
{
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Woexam.Com ( 湘ICP备18023104号 )

GMT+8, 2024-6-2 03:58 , Processed in 0.466166 second(s), 21 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表