我已经使用jquery创建了单选按钮,现在我想用css来设置它们

时间:2016-04-29 05:24:35

标签: jquery css

我使用jQuery创建了单选按钮,如下所示

function load_genders(target){
    genders = new Array("Male", "Female");
    output = "";
    i=0;
    for(i in genders){
        output += "<input type='radio' name='gender' id='"+genders[i]+"' value='"+genders[i]+"'>"+genders[i];
    }
    $(target).before(output);
}
load_genders("#genders_errors");

现在我想要使用css来设置它们但不能这样做。请指导我如何设计这些风格。 谢谢

2 个答案:

答案 0 :(得分:0)

在你要生成它们时输入你的类名

 for(i in genders){
        output += "<input type='radio' name='gender' class='rdo_class' id='"+genders[i]+"' value='"+genders[i]+"'>"+genders[i];
    }

并将您的样式逻辑(rdo_class)放入您的网站css文件中。

希望它可以帮到你

答案 1 :(得分:0)

在元素中添加一个类,如下所示,并在css中指定样式。

output += "<input type='radio' class = 'gender' name='gender' id='"+genders[i]+"' value='"+genders[i]+"'>"+genders[i];