jquery取radio单选按钮的值 |
002 |
|
003 |
$( "input[name='items']:checked" ).val(); |
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" ); |
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
|
122 |
.... |
123 |
$.each(array, function (){ |
124 |
if (条件成立){ |
125 |
return
; |
126 |
} |
127 |
}); |
128 |
.... |
129 |
} |
130 |
|
131 |
结果发现老是不对。 |
132 |
|
133 |
后来查找资料才发现,在each代码块内不能使用 break 和 continue ,要实现 break 和 continue 的功能的话,要使用其它的方式 |
134 |
break ----用 return false ; |
135 |
continue
return
|
136 |
|
137 |
所以当我在each里想使用 return true 给这个 function 返回时,其实只是让each继续执行而以 |
138 |
连each都没有中断,所以 function 也就不能 return 了 |
139 |
|
140 |
另:判断radio是否选中并取得选中的值 |
141 |
|
142 |
如下所示: |
143 |
function
|
144 |
var
":radio:checked" ); |
145 |
var
|
146 |
if (len>0){ |
147 |
alert( "yes--选中的值为:" +$( ":radio:checked" ).val()); |
148 |
} |
149 |
} |
jquery 设置控件只读属性和去除
$(":text").attr("readonly","readonly");
$(this).removeAttr("readonly");