未选中时 jQuery 单选按钮更改

Question

I'm trying to toggle a radio button with Rails & jQuery. Works great with checkboxes but not with radio buttons.

Basically it does not refresh if billable is unchecked

<%= f.radio_button :billable, 'true', :checked => true, :id => 'billable' %> This is a Billable Project <br />
<%= f.radio_button :billable, 'false' %> This is an Internal Project

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("#billable").change(function() { 
      $("#billing").toggle();
    } );
  });
</script>

Answer 1

by setting :checked => true its forced to always be true

for correctly setting the default value in controller

def new
  @event = Event.new(:billable => true)
end

then in view

<%= f.radio_button :billable, 'true' %> This is a Billable Project <br />
<%= f.radio_button :billable, 'false' %> This is an Internal Project

Answer 2

Try this

$(document).ready(function(){
    $("#billable").click(function() { 
      $("#billing").toggle(this.checked);
    } );
  });

Answer 3

This is what you want.

  $(document).ready(function(){
    $("input[name=billable]").change(function() { 
      $("#billing").toggle();
    } );
  });

http://jsfiddle.net/AlienWebguy/KJ9kE/

Answer 4

Try this please

 var whichChecked = "";
 $('.radio').on('change', function() {

// if radio is checked, decrement variable associated with radio's value
if($(this).is(':checked')) {        
    if ($(this).val() === "int1") {
        int1--;
    }
    if ($(this).val() === "int2") {
        int2--;
    }
    if ($(this).val() === "int3") {
        int3--;
    }
    if ($(this).val() === "int4") {
        int4--;
    }       

    whichChecked = $(this).val();
}
// when unchecked, increment variable associated with radio's value, doesn't work!

if (whichChecked === "int1") {
    int1++;
}
if (whichChecked === "int2") {
    int2++;
}
if (whichChecked === "int3") {
    int3++;
}
if (whichChecked === "int4") {
    int4--;
} 

});