javascript - Jquery selector help -
i have following:
<form id="my_form">   <input type="checkbox" name="a" value="a"> check <img src="..." /> </form>   to handle check , uncheck events (and works):
$('#my_form :checkbox).click(function() {    if($(this).is(':checked')) {       //...    }    //... });   my question is: inside of click function, how can select <img> tag right beside checkbox?  can without specifying id image?  ..by "select" mean need able hide() , show() it.  thanks
you can use .next() since it's next (immediate next, important) sibling element, this:
$('#my_form :checkbox').click(function() {    if(this.checked) {       var img = $(this).next('img');    } });   i think you're after easiest done .toggle(bool), this:
$('#my_form :checkbox').change(function() {    $(this).next('img').toggle(this.checked); });   this show <img> when checked, , hide when it's not.  note used .change() here, since that's event want when dealing checkbox correct state.
Comments
Post a Comment