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

会计考友

Java认证之jquery操作单选、复选、下拉
* r) g1 _( O# _* i- djquery操作单选、复选、下拉
function changeShipMethod（shipping）{
2 G( C% K5 D7 h# r: avar len = $（“select［@name=ISHIPTYPE］ option”）.length
1 `6 T0 b9 E, l7 fif（shipping.value ！= “CA”）{
$（“select［@name=ISHIPTYPE］ option”）.each（function（）{
if（$（this）.val（） == 111）{
7 l+ s: [% \2 H$（this）.remove（）;
}
}）;
4 U+ H# R9 ?8 k2 V}else{
$（“《option value=‘111’》UPS Ground《/option》”）.appendTo（$（“select［@name=ISHIPTYPE］”））;
! m% G1 {1 d0 o  u5 C}
}
  L, l, }/ G; `3 ?/ S) }//取得下拉选单的选取值
$（#testSelect option:selected‘）.text（）;
9 r/ }* w0 P9 v  d& H- x3 i或$（“#testSelect”）.find（’option:selected‘）.text（）;
' w- F4 l1 d# s+ q+ F3 _或$（“#testSelect”）.val（）;
4 }7 p8 k4 Z( l//////////////////////////////////////////////////////////////////
& X. C3 V0 l7 {记性不好的可以收藏下：
0 m3 G: f' _( ]( L' X  u* u2 j" H1，下拉框：
5 k& W2 q. f: T6 Rvar cc1 = $（“.formc select［@name=’country‘］ option［@selected］”）.text（）; //得到下拉菜单的选中项的文本（注意中间有空格）
3 D7 k9 Y; n0 l9 ~$ ]7 T; x1 P0 r$ uvar cc2 = $（’.formc select［@name=“country”］‘）.val（）; //得到下拉菜单的 选中项的值
var cc3 = $（’.formc select［@name=“country”］‘）.attr（“id”）; //得到下拉菜单的选中项的ID属性值
  I% L5 d$ v. H4 @) ~# h! v5 r$（“#select”）.empty（）;//清空下拉框//$（“#select”）.html（’‘）;
& a. L: U! D  l$（“《option value=’1‘》1111《/option》”）.appendTo（“#select”）//添加下拉框的option
稍微解释一下：
- g6 K9 L8 T" v* x1.select［@name=’country‘］ option［@selected］ 表示具有name 属性，
5 V0 w) w8 O" R0 C" }& i并且该属性值为’country‘ 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。
2，单选框：
9 _  u- x- G! F% V) \6 k$（“input［@type=radio］［@checked］”）.val（）; //得到单选框的选中项的值（注意中间没有空 格）
$（“input［@type=radio］［@value=2］”）.attr（“checked”，’checked‘）; //设置单选框value=2的为选中状态。（注意中间没有空格）
3，复选框：
$（“input［@type=checkbox］［@checked］”）.val（）; //得到复选框的选中的第一项的值
3 S4 M' f) m: v  E1 Q0 M$（“input［@type=checkbox］［@checked］”）.each（function（）{ //由于复选框一般选中的是多个，所以可以循环输出
1 r% e. d* W2 f+ l; _# ialert（$（this）.val（））;
8 u6 F7 D# L; t9 c/ ]}）;
$（“#chk1”）.attr（“checked”，’‘）;//不打勾
$（“#chk2”）.attr（“checked”，true）;//打勾
if（$（“#chk1”）.attr（’checked‘）==undefined）{} //判断是否已经打勾
% f! O/ E" g: P1 ?) Y: |当然jquery的选择器是强大的。 还有很多方法。
《script src=“jquery-1.2.1.js” type=“text/javascript”》《/script》
5 y% K# h$ @. h+ y/ s* x《script language=“javascript” type=“text/javascript”》
$（document）.ready（function（）{
$（“#selectTest”）.change（function（）
7 D9 n+ D: j- q. Z; Z/ h- x{
//alert（“Hello”）;
//alert（$（“#selectTest”）.attr（“name”））;
7 _; m, p+ h& P//$（“a”）.attr（“href”，“xx.html”）;
//window.location.href=“xx.html”;
; F3 b2 H8 @$ @4 w; T6 y7 n5 R//alert（$（“#selectTest”）.val（））;
+ O# l2 Y! C& D* halert（$（“#selectTest option［@selected］”）.text（））;
. }/ w0 m7 O7 P3 B3 W. ~+ _$（“#selectTest”）.attr（“value”， “2”）;
3 [7 e2 D% ]# E- c+ F}）;
$ ]0 V9 w; j& q* }  B& L}）;
; n0 c( d$ j- ]1 V0 f+ d《/script》
《a href=“#”》aaass《/a》
. h0 l3 b) f* y" a2 ?% ^《！--下拉框--》
《select id=“selectTest” name=“selectTest”》
. f8 S! |3 K) K+ c+ M( e2 o《option value=“1”》11《/option》
4 X/ f+ Y5 D& ~( P( @" K- h9 [《option value=“2”》22《/option》
  L, z  L( `& _- h《option value=“3”》33《/option》
《option value=“4”》44《/option》
8 s8 q0 m7 H2 x5 X" x3 r) i《option value=“5”》55《/option》
《option value=“6”》66《/option》
《/select》
. G( t0 B/ I+ |/ b  V/ v) _jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中 项的值
6 }) O; ]# t! s" gvar item = $（’input［@name=items］［@checked］‘）.val（）;