Jquery现实应用,判断radio,selelct,checkbox是否选中及选中的值
Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
jquery取radio单选按钮的值 |
002 |
003 |
$( "input[name='items']:checked" ).val();
|
004 |
另:判断radio是否选中并取得选中的值 |
005 |
006 |
如下所示: |
007 |
function checkradio(){
|
008 |
var item = $( ":radio:checked" );
|
009 |
var len=item.length;
|
010 |
if (len>0){
|
011 |
alert( "yes--选中的值为:" +$( ":radio:checked" ).val());
|
012 |
} |
013 |
} |
014 |
015 |
016 |
017 |
018 |
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
|
019 |
020 |
获取一组radio被选中项的值
|
021 |
022 |
var item = $( 'input[name=items][checked]' ).val();
|
023 |
024 |
获取select被选中项的文本
|
025 |
026 |
var item = $( "select[name=items] option[selected]" ).text();
|
027 |
028 |
select下拉框的第二个元素为当前选中值
|
029 |
030 |
$( '#select_id' )[0].selectedIndex = 1;
|
031 |
032 |
radio单选组的第二个元素为当前选中值
|
033 |
034 |
$( 'input[name=items]' ).get(1).checked = true ;
|
035 |
036 |
|
037 |
获取值:
|
038 |
039 |
|
040 |
041 |
文本框,文本区域:$( "#txt" ).attr( "value" );
|
042 |
043 |
多选框checkbox:$( "#checkbox_id" ).attr( "value" );
|
044 |
045 |
单选组radio: $( "input[type=radio][checked]" ).val();
|
046 |
047 |
下拉框select: $( '#sel' ).val();
|
048 |
049 |
|
050 |
051 |
控制表单元素:
|
052 |
053 |
文本框,文本区域:$( "#txt" ).attr( "value" , '' ); //清空内容
|
054 |
055 |
$( "#txt" ).attr( "value" , '11' ); //填充内容
|
056 |
057 |
|
058 |
多选框checkbox: $( "#chk1" ).attr( "checked" , '' ); //不打勾
|
059 |
060 |
$( "#chk2" ).attr( "checked" , true ); //打勾
|
061 |
062 |
if ($( "#chk1" ).attr( 'checked' )==undefined) //判断是否已经打勾
|
063 |
064 |
|
065 |
066 |
单选组radio: $( "input[type=radio]" ).attr( "checked" , '2' ); //设置value=2的项目为当前选中项
|
067 |
068 |
下拉框select: $( "#sel" ).attr( "value" , '-sel3' ); //设置value=-sel3的项目为当前选中项
|
069 |
070 |
$( "<option value='1'>1111</option><option value='2'>2222</option>" ).appendTo( "#sel" ) //添加下拉框的option
|
071 |
072 |
$( "#sel" ).empty(); //清空下拉框
|
073 |
074 |
|
075 |
076 |
刚开始接触jquery,很多东西不熟悉
|
077 |
078 |
在用$( "#id" )来获得页面的input元素的时候,发现$( "#id" ).value不能取到值
|
079 |
080 |
|
081 |
082 |
后来终于在伟大的百度帮助下,找到了问题的原因:
|
083 |
084 |
$( "" )是一个jquery对象,而不是一个dom element
|
085 |
086 |
|
087 |
088 |
value是dom element的属性
|
089 |
090 |
|
091 |
092 |
jquery与之对应的是val
|
093 |
094 |
|
095 |
val() :获得第一个匹配元素的当前值。
|
096 |
097 |
|
098 |
099 |
val(val):设置每一个匹配元素的值。
|
100 |
101 |
|
102 |
103 |
所以,代码应该这样写:
|
104 |
105 |
|
106 |
取值:val = $( "#id" )[0].value;
|
107 |
赋值: $( "#id" )[0].value = "new value" ;
|
108 |
109 |
或者$( "#id" ).val( "new value" );
|
110 |
111 |
|
112 |
113 |
或者这样也可以:val = $( "#id" ).attr( "value" );
|
114 |
115 |
116 |
117 |
jQuery中each非常好用,常用它取代javascript的 for 循环
|
118 |
119 |
例如在一个 function 里有一个each,在each里某种条件 成立的话,就把这个 function 返回 true 或者 false
|
120 |
121 |
function methodone(){
|
122 |
.... |
123 |
$.each(array, function (){
|
124 |
if (条件成立){
|
125 |
return true ;
|
126 |
} |
127 |
}); |
128 |
.... |
129 |
} |
130 |
131 |
结果发现老是不对。 |
132 |
133 |
后来查找资料才发现,在each代码块内不能使用 break 和 continue ,要实现 break 和 continue 的功能的话,要使用其它的方式
|
134 |
break ----用 return false ;
|
135 |
continue --用 return ture;
|
136 |
137 |
所以当我在each里想使用 return true 给这个 function 返回时,其实只是让each继续执行而以
|
138 |
连each都没有中断,所以 function 也就不能 return 了
|
139 |
140 |
另:判断radio是否选中并取得选中的值 |
141 |
142 |
如下所示: |
143 |
function checkradio(){
|
144 |
var item = $( ":radio:checked" );
|
145 |
var len=item.length;
|
146 |
if (len>0){
|
147 |
alert( "yes--选中的值为:" +$( ":radio:checked" ).val());
|
148 |
} |
149 |
} |