0

提到使用JQuery 创建动态单选按钮，我在想如果在页面加载时从数据库中检索输入值（“红色”或“蓝色”），如何处理这个问题。

以上述链接中的相同示例，如果红色、蓝色或其他动态值，我们如何动态构建单选按钮 - 红色 = 1 单选按钮，蓝色 = 2 单选按钮......等等？我是新来的。我目前正在使用 grails 来尝试一下。有没有 jquery-ish 的方式来做到这一点？我没有在 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 回答