라디오 버튼을 동적으로 만드시겠습니까?

Question

creating dynamic radio button w/ JQuery을 참조하면 입력 값 ('red'또는 'blue')이 페이지로드시 데이터베이스에서 검색되는 경우 어떻게 처리 할 수 ​​있을지 생각했습니다.

빨강, 파랑 또는 다른 동적 값이있는 경우 위의 링크에서 동일한 예제를 사용하면 빨간색 = 1 라디오 버튼, 파란색 = 2 라디오 버튼 ... 등을 즉시 라디오 버튼을 만들 수 있습니까? 새로운 소식입니다. 나는 이것을 시험해보기 위해 현재 grails를 사용하고있다. jquery-ish 방법이 있나요? 나는 이것을 구현할 grails 태그를 찾지 못했다!

EDIT : 나는 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

당신이 정말로 (페이지로드에서이 작업을 수행하려면, 즉 아닌 AJAX 요청에 응답), JQuery가 필요 없다면 values 및 labels 매개 변수가 데이터베이스 쿼리 결과로 채워진 radioGroup grails 태그가 필요합니다.

Answer 2

이 시도 :

$(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); 
     }); 
    });