001 | 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()); |