Home/ Questions/Q 1060963
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T18:24:24+00:00

I have a form to create a Ruby on Rails object. A part of

  • 0

I have a form to create a Ruby on Rails object. A part of the form uses radio buttons to choose an attribute. I then use jQuery UI to display the buttons, like so. 

<head>
<script type="text/javascript">
    $(document).ready(function() {
        $("#typeRadios").buttonset();
    });
</script>
</head>
<body>
<div id="typeRadios">
    <input id="character_chartype_a" name="character[chartype]" type="radio" value="A" /><label for="character_chartype_a">A</label>
    <input id="character_chartype_b" name="character[chartype]" type="radio" value="B" /><label for="character_chartype_b">B</label>
</div>
</body>

This all works fine. I click a button, and then when the form is submitted the attribute is saved correctly.

The problem is, I need to be able to click one of the buttons programmatically. At the moment, I’m doing this:

// data.chartype = a
$("label[for='character_chartype_"+data.chartype+"']").click();

This works in the sense that visually the button appears clicked, but when the form is submitted, the attribute isn’t saved. What is causing this behaviour? Thanks for reading.

EDIT: fixed typo

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should click the radio button directly like this:

    $("#character_chartype_" + data.chartype).click();

    It does click the button, you just need to tell jQuery UI to refresh it’s visual state afterwards using the refresh method, like this:

    $("#typeRadios").buttonset("refresh");

    So overall this should do it:

    $("#character_chartype_" + data.chartype).click();
$("#typeRadios").buttonset("refresh");
    • 0