Change of Behavior of jQuery Starting with 1.9.0 -

-

the following code displays alert boxes containing "radio1 selected", "radio2 selected" or "radio3 selected" in response click events on radio buttons when version 1.8.3 of jquery used. versions after displays "none selected". ideas why? thanks

<html> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> function radioclicked(){     if ($('#radio1').attr('checked') == 'checked') alert('radio 1 selected');     else if ($('#radio2').attr('checked') == 'checked') alert('radio 2 selected');     else if ($('#radio3').attr('checked') == 'checked') alert('radio 3 selected');     else alert('none selected'); } </script> </head> <body> <label for="radio1">radio 1</label><input type="radio" id="radio1" name="radios" onclick="radioclicked()" /> <label for="radio2">radio 2</label><input type="radio" id="radio2" name="radios" onclick="radioclicked()" /> <label for="radio3">radio 3</label><input type="radio" id="radio3" name="radios" onclick="radioclicked()" /> </body> </html>

to see if checkbox checked, should using .is(':checked')

function radioclicked(){     if ($('#radio1').is(':checked')) alert('radio 1 selected');     else if ($('#radio2').is(':checked')) alert('radio 2 selected');     else if ($('#radio3').is(':checked')) alert('radio 3 selected');     else alert('none selected'); }

an easier way check checkboxes starting "radio", be:

function radioclicked(){     $('[id^="radio"]').filter(':checked').each(function(i,ele) {         alert(ele.id + ' checked');     }) }

and since have same name , belong same group, 1 radio can checked, do:

function radioclicked(){     alert( $('[name=radios]:checked').prop('id') + ' checked'); }

Comments

Post a Comment

Popular posts from this blog

objective c - Can't build GCM with Protobuf in Xcode -

-
recently i've decided integrate gcm project uses google protocol buffers. worked fine, sample ok. when i've tried integrate gcm via cocoapods project - started receiving build errors: undefined symbols architecture x86_64: "_gsdk_pblogicalrightshift32", referenced from: _serializedsize in libgcmlib.a(gcmsecuresocket.o) "_objc_class_$_gsdk_pbcodedoutputstream", referenced from: objc-class-ref in libgcmlib.a(gcmsecuresocket.o) "_objc_class_$_gsdk_pbdescriptor", referenced from: objc-class-ref in libgcmlib.a(gtalkcore.pb.o) objc-class-ref in libgcmlib.a(gtalkextensions.pb.o) "_objc_class_$_gsdk_pbgeneratedmessage", referenced from: _objc_class_$_gtalkheartbeatping in libgcmlib.a(gtalkcore.pb.o) _objc_class_$_gtalkheartbeatack in libgcmlib.a(gtalkcore.pb.o) _objc_class_$_gtalkerrorinfo in libgcmlib.a(gtalkcore.pb.o) _objc_class_$_gtalksetting in libgcmlib.a(gtalkcore.pb.o) _objc_class_$_gtalkloginrequest in libgcmlib.a...
Read more

ember.js - EmberJS Model find not up-to-date with underlying store -

-
for simple overview screen have developed route sets controller app.location.find(). app.locationsindexroute = ember.route.extend({ setupcontroller: function(controller) { controller.set('content', app.location.find()); }, rendertemplate: function() { this.render('locations.index',{into:'application'}); } }); i naively assumed go store , fetch me records, giving me up-to-date view of records. apparently not.... when external process starts removing records database, app.location.find() keeps on returning these deleted records. (although rest call doesn't show them anymore) if external process starts adding records database, app.location.find() picks them up. if delete records form within ember app model correctly updated. how should deal in ember app ? i'd have up-to-date view on whatever in database. right need refresh page (f5) date view. using linkto helpers shows me stale data. this seems yet trivial thing misse...
Read more

javascript - jQuery iScroll clickable list elements while retaining scroll? -

-
is possible have clickable elements? such list elements? while using iscroll? seems short of button, or maybe link can't click on element make something. had similar issue inputs well. enough searching able find solution helped me place work inputs. have need have scrollable ui while having ability click on thats not button or link, such li contained within specific uls. so wondering if there way of having iscroll tell difference between click or tap rather vs scroll, , such have action desired.
Read more