Cannot set groupValue manually about ember-radio-button HOT 3 CLOSED

I attempted to make a reproduction of this in the test app and the reset button worked as I expected. Can you share any more about your situation that might be relevant?

Here is my attempted reproduction code:

component

import Ember from 'ember';

export default Ember.Component.extend({
  direction: 'right',

  actions: {
    resetForm() {
      this.set('direction', 'right');
    },

    changeDirection() {
      console.log('changed direction');
    }
  }
});

template

<h3>Reset example</h3>
<div>
  {{radio-button
      value="right"
      groupValue=direction
      changed="changeDirection"}}
  Right
</div>
<div>
  {{radio-button
      value="left"
      groupValue=direction
      changed="changeDirection"}}
    Left
</div>
<div>
  <button {{action 'resetForm'}}> Reset Form</button>
</div>

from ember-radio-button.

OK, thanks for that feedback..
I think problem might be more to do with the
<label for="rightDirection">
where I have
id="rightDirection"
set on the radio button..
I have fixed by doing
this.set('direction', 'right');
as well as
$('#rightDirection').prop('checked', true);

ie I have to set both in Ember and JQuery, whereas if I don't have changed action I can get away with setting just the Ember object OR the JQuery property..

from ember-radio-button.

I'm not sure I fully follow what the situation you're encountering is. If you feel there's something that we can add to this library to help, happy to continue discussing

from ember-radio-button.