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"); }); });
Comments
Post a Comment