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

会计考友

Java认证之jquery操作单选、复选、下拉
jquery操作单选、复选、下拉
. {! D" q( a7 Afunction changeShipMethod（shipping）{
+ ]3 Y1 R* {7 B$ ~& g% ?var len = $（“select［@name=ISHIPTYPE］ option”）.length
if（shipping.value ！= “CA”）{
$（“select［@name=ISHIPTYPE］ option”）.each（function（）{
if（$（this）.val（） == 111）{
1 c! A! n" l$ W$（this）.remove（）;
" x0 D3 v. ?! _6 {2 A% G4 d}
}）;
}else{
; c, e* x$ P& y' s3 _; ]# J$（“《option value=‘111’》UPS Ground《/option》”）.appendTo（$（“select［@name=ISHIPTYPE］”））;
1 G# n4 n: w* ?5 ?/ v}
}
' O6 V* H# y* k//取得下拉选单的选取值
. h1 z' C( A- w5 q$（#testSelect option:selected‘）.text（）;
" P3 |: g5 W) m" u# s- b& Y或$（“#testSelect”）.find（’option:selected‘）.text（）;
6 `) p; P3 n! s  L1 f4 E! T或$（“#testSelect”）.val（）;
//////////////////////////////////////////////////////////////////
( r! P9 M3 O) @& N' R记性不好的可以收藏下：
* z  p2 a' F# g, h) y, r: k# X1，下拉框：
8 X' [" D, J) y4 c! l$ Bvar cc1 = $（“.formc select［@name=’country‘］ option［@selected］”）.text（）; //得到下拉菜单的选中项的文本（注意中间有空格）
# z/ I0 R0 [8 J2 ?  F: O# Y) ^" Avar cc2 = $（’.formc select［@name=“country”］‘）.val（）; //得到下拉菜单的 选中项的值
var cc3 = $（’.formc select［@name=“country”］‘）.attr（“id”）; //得到下拉菜单的选中项的ID属性值
$（“#select”）.empty（）;//清空下拉框//$（“#select”）.html（’‘）;
$（“《option value=’1‘》1111《/option》”）.appendTo（“#select”）//添加下拉框的option
8 ^2 n, C+ r1 f& Z& i稍微解释一下：
1.select［@name=’country‘］ option［@selected］ 表示具有name 属性，
并且该属性值为’country‘ 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。
' }' m: ]: v1 P/ a2，单选框：
$（“input［@type=radio］［@checked］”）.val（）; //得到单选框的选中项的值（注意中间没有空 格）
$（“input［@type=radio］［@value=2］”）.attr（“checked”，’checked‘）; //设置单选框value=2的为选中状态。（注意中间没有空格）
9 D; x7 r3 C$ T- V. [* u3，复选框：
$（“input［@type=checkbox］［@checked］”）.val（）; //得到复选框的选中的第一项的值
" B: O8 ~! e! w# m! w: n# M. ^$（“input［@type=checkbox］［@checked］”）.each（function（）{ //由于复选框一般选中的是多个，所以可以循环输出
alert（$（this）.val（））;
}）;
$（“#chk1”）.attr（“checked”，’‘）;//不打勾
9 m+ m2 @4 f$ F$（“#chk2”）.attr（“checked”，true）;//打勾
: }  w4 E6 N8 m5 m7 Z/ |- P: v. \if（$（“#chk1”）.attr（’checked‘）==undefined）{} //判断是否已经打勾
3 o9 ^- z3 [6 o9 i" O: _, j) s. @当然jquery的选择器是强大的。 还有很多方法。
: Q' T( K! C1 d0 y3 J. U+ @《script src=“jquery-1.2.1.js” type=“text/javascript”》《/script》
《script language=“javascript” type=“text/javascript”》
" y5 L2 c, [( p# |$（document）.ready（function（）{
$（“#selectTest”）.change（function（）
{
# @2 |# A  v3 v- r4 L3 J//alert（“Hello”）;
//alert（$（“#selectTest”）.attr（“name”））;
  D& S0 i3 A% n( l//$（“a”）.attr（“href”，“xx.html”）;
+ U" n% A4 T- {1 y4 U//window.location.href=“xx.html”;
//alert（$（“#selectTest”）.val（））;
. @% D! E$ x2 s% aalert（$（“#selectTest option［@selected］”）.text（））;
9 q1 P) \2 J: O# B4 {1 X6 S9 _. |  b$（“#selectTest”）.attr（“value”， “2”）;
+ A" {6 Q: F. o2 g/ F}）;
( y% a4 z3 U4 |1 u& b2 N- G* h6 L}）;
! K  n8 ~1 f1 D( U* ], N《/script》
$ {8 p! t1 N. u/ d' P! e# \# s《a href=“#”》aaass《/a》
《！--下拉框--》
  Y$ [- Y! C4 u, e! J& h3 w* Y《select id=“selectTest” name=“selectTest”》
2 R( ~1 P: }, C5 }. N* o# T《option value=“1”》11《/option》
《option value=“2”》22《/option》
/ F2 r/ F) c$ }+ g6 {* L《option value=“3”》33《/option》
+ p* j" R% b! N. D, |8 V《option value=“4”》44《/option》
. F, {- l* K: j* j/ G4 a% P《option value=“5”》55《/option》
% N9 [& X4 `3 }  x' p) M; y6 z《option value=“6”》66《/option》
/ A4 _6 w3 l7 C' A( R《/select》
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中 项的值
var item = $（’input［@name=items］［@checked］‘）.val（）;