динамически создавать переключатели?

Question

Обращаясь к созданию динамической радиокнопки с JQuery , я подумал, как это можно сделать, если входное значение («красный» или «синий») извлекается из базы данных при загрузке страницы.

Используя тот же пример из приведенной выше ссылки, если красный, синий или другие динамические значения, как мы можем создать переключатели на лету - красный = 1 переключатель, синий = 2 переключатель ... и т. Д.? Я новичок в этом. Я использую Grails на данный момент, чтобы попробовать это. Есть ли способ сделать это? Я не нашел никаких тегов в Grails для реализации этого!

РЕДАКТИРОВАТЬ : мне указали на radioGroup (тег grails), который я собираюсь иметь - это класс на основе CSS (содержащий gif), содержащий различные изображения, которые необходимо показывать на основе разных ценности. - что-то похожее на отображение звездного рейтинга из базы данных (не на основе выбора пользователя) - красный / синий и т. д.

<select id="aaa">
    <option>red</option>
    <option>blue</option>
    <option>other</option>
</select>

<div id="abc">
    Input<br>
    option 1 <input type="radio" name="colorinput" value="1" />
    option 2 <input type="radio" name="colorinput" value="2"  />
</div>
<br>
<div id="def">
    Description<br>
    option 1 <input type="radio" name="colordesc" value="1" />
    option 2 <input type="radio" name="colordesc" value="2" />
</div>
<br>

Answer 1

Попробуйте это:

$(function(){ //$(document).ready(function(){ // same thing
    var colors=[];
    colors['red']=1;
    colors['blue']=2;
    colors['other']=3;
    $('#aaa').change(function(){
        var value = $(this).val();
        $('#abc, #def').find('input')
            .removeClass('red')
            .removeClass('blue')
            .removeClass('other');
        $('#abc, #def').find('input[value=' + colors[value] + ']).addCLass(value);
        });
    });

Answer 2

Если вы действительно хотите сделать это при загрузке страницы (т.е. не в ответ на запрос AJAX), то вам не нужен JQuery, вам нужен тег radioGroup grails с values и labels параметры, заполненные вашим запросом к базе данных.