0

JQuery を使用して動的ラジオ ボタンを作成することを参照して、入力値 (「赤」または「青」) がページの読み込み時にデータベースから取得された場合、これをどのように処理できるかを考えていました。

上記のリンクから同じ例を取り上げると、赤、青、またはその他の動的な値の場合、その場でラジオ ボタンを作成するにはどうすればよいでしょうか (赤 = 1 つのラジオ ボタン、青 = 2 つのラジオ ボタンなど)。私はこれが初めてです。現在、これを試すためにgrailsを使用しています。それを行うjqueryっぽい方法はありますか？これを実装するためのタグが 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>
4

2 に答える 2

0

これを試して：

$(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);
        });
    });
于 2009-06-08T19:39:21.033 に答える
0

ページの読み込み時に (つまり、AJAX リクエストへの応答ではなく) 本当にこれを実行したい場合は、JQuery は必要ありません。radioGroup grails タグが必要で、データベースのクエリ結果によってvaluesおよびパラメータが埋められます。labels

于 2009-06-08T08:39:01.527 に答える