Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

[1].[代码] [JavaScript]代码 跳至 [1]

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
jquery取radio单选按钮的值 
 
$( "input[name='items']:checked" ).val(); 
另:判断radio是否选中并取得选中的值
 
如下所示:
function checkradio(){
var item = $( ":radio:checked" );
var len=item.length;
if (len>0){
   alert( "yes--选中的值为:" +$( ":radio:checked" ).val());
}
}
 
 
 
 
  jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关  
 
  获取一组radio被选中项的值  
 
  var item = $( 'input[name=items][checked]' ).val();  
 
  获取select被选中项的文本  
 
  var item = $( "select[name=items] option[selected]" ).text();  
 
  select下拉框的第二个元素为当前选中值  
 
  $( '#select_id' )[0].selectedIndex = 1;  
 
  radio单选组的第二个元素为当前选中值  
 
  $( 'input[name=items]' ).get(1).checked = true
 
     
  获取值: 
 
   
 
  文本框,文本区域:$( "#txt" ).attr( "value" );  
 
  多选框checkbox:$( "#checkbox_id" ).attr( "value" );  
 
  单选组radio: $( "input[type=radio][checked]" ).val();  
 
  下拉框select: $( '#sel' ).val(); 
 
     
 
  控制表单元素:  
 
  文本框,文本区域:$( "#txt" ).attr( "value" , '' ); //清空内容  
 
$( "#txt" ).attr( "value" , '11' ); //填充内容 
 
    
  多选框checkbox: $( "#chk1" ).attr( "checked" , '' ); //不打勾  
 
  $( "#chk2" ).attr( "checked" , true ); //打勾  
 
  if ($( "#chk1" ).attr( 'checked' )==undefined) //判断是否已经打勾 
 
     
 
  单选组radio: $( "input[type=radio]" ).attr( "checked" , '2' ); //设置value=2的项目为当前选中项  
 
  下拉框select: $( "#sel" ).attr( "value" , '-sel3' ); //设置value=-sel3的项目为当前选中项  
 
  $( "<option value='1'>1111</option><option value='2'>2222</option>" ).appendTo( "#sel" ) //添加下拉框的option  
 
$( "#sel" ).empty(); //清空下拉框 
 
     
 
  刚开始接触jquery,很多东西不熟悉  
 
  在用$( "#id" )来获得页面的input元素的时候,发现$( "#id" ).value不能取到值 
 
    
 
  后来终于在伟大的百度帮助下,找到了问题的原因:  
 
  $( "" )是一个jquery对象,而不是一个dom element 
 
     
 
  value是dom element的属性 
 
   
 
  jquery与之对应的是val 
 
    
  val() :获得第一个匹配元素的当前值。 
 
   
 
  val(val):设置每一个匹配元素的值。 
 
    
 
  所以,代码应该这样写: 
 
    
  取值:val = $( "#id" )[0].value;  
  赋值:  $( "#id" )[0].value = "new value" ;  
 
  或者$( "#id" ).val( "new value" ); 
 
    
 
  或者这样也可以:val = $( "#id" ).attr( "value" );
 
 
 
jQuery中each非常好用,常用它取代javascript的 for 循环
 
例如在一个 function 里有一个each,在each里某种条件 成立的话,就把这个 function 返回 true 或者 false
 
function methodone(){
....
$.each(array, function (){
if (条件成立){
return true ;
}
});
....
}
 
结果发现老是不对。
 
后来查找资料才发现,在each代码块内不能使用 break continue ,要实现 break continue 的功能的话,要使用其它的方式
break ----用 return false ;
continue --用 return ture;
 
所以当我在each里想使用 return true 给这个 function 返回时,其实只是让each继续执行而以
连each都没有中断,所以 function 也就不能 return 了 
 
另:判断radio是否选中并取得选中的值
 
如下所示:
function checkradio(){
var item = $( ":radio:checked" );
var len=item.length;
if (len>0){
   alert( "yes--选中的值为:" +$( ":radio:checked" ).val());
}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值