Jquery append when radio button selected -


i don't know why hopefully, can me out following code.

    <script src="/jquery-1.7.2.min.js"></script>     <script>     $(".static_class").click(function(){         if($(this).val()==="expanded")              $(".widget_prev").append("<p>expanded</p>");          else $(".widget_prev").append("<p>minified</p>");     });     </script>      <div>     <input type="radio" name="ad_window" selected="selected" value="expanded" class="static_class" />ad window expanded     <br />     <input type="radio" name="ad_window" value="minified" class="static_class" />ad window minimized     <b>widget preview: </b>     <div class="widget_prev"></div>     </div> 

can't seem text appended. wonder problem lies.

make sure wait elements in dom before bind click event. in following, i'm using short-form of $(document).ready(), $(function(){ /* ... */ });

$(function(){    $(".static_class").on("click", function(e){       $("<p>").text(function(){           return $(e.target).val() === "expanded" ? "expanded" : "minified" ;       }).appendto(".widget_prev");   });  }); 

fiddle: http://jsfiddle.net/jonathansampson/drkck/


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -