Question

参考creating dynamic radio button w/ JQuery，我想如果在页面加载时从数据库中检索输入值（'red'或'blue'），如何处理它。

从上面的链接中获取相同的示例，如果是红色，蓝色或其他动态值，我们如何动态构建单选按钮 - 红色= 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>

Answer 1

如果您真的想在页面加载时执行此操作（即不响应AJAX请求），那么您不需要JQuery，需要radioGroup grails标记，values和数据库查询结果填充了labels个参数。

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

动态创建单选按钮？

2 个答案: