Trigger on radio-button set via click event?

Question

Im trying to fire a trigger on a radio button, but cant get it to work. It works fine if i use a checkbox instead, but i kinda need the radio button.

The radio button can be set by pressing it, or the Test div. If the radio button is changed it should fire the trigger.

<div class="testing">  
  <div class="test">Test</div>
  <input type="radio">
</div>

$(".test").on("click", function() {
var radio = $(this).closest(".testing").find("input[type='radio']");
    if (!radio.prop("checked")) {
        radio.prop("checked", true);
    } else {
        radio.prop("checked", false);
    }
})

  $(".testing").on("change", function() {
  $(".test").html("weee");
});

https://jsfiddle.net/fbmod5ca/

Shaunak D · Accepted Answer · 2015-04-28 17:50:49Z

1

Use trigger('change') to trigger event explicitly

radio.prop("checked", true).trigger('change');

Updated Fiddle

answered Apr 28, 2015 at 17:50

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Trigger on radio-button set via click event?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related