Question

我试图用jquery设置页面中的所有单选按钮的样式（仅此页面上大约有35个，这就是我想使用jQuery的原因）

<fieldset>
<legend><b>Marital Status:</b></legend>
<div>
<div class="radio" id="box-single">
<input type="radio" id="single" name="marital_status" checked value="single">
</div>
<label for="single">Single</label>
</div>

<div>
<div class="radio" id="box-married">
<input type="radio" id="married" name="marital_status" value="married">
</div>
<label for="married">Married</label>
</div>
</fieldset>

Answer 1

你可以这样做。

<强> http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

Answer 2

应用文字CSS：

$(function(){
    $('input[type="radio"]').css('float','right');
});

http://jsfiddle.net/AlienWebguy/K22e4/

或者，申请一个班级：

CSS ：

.radio {
    border:2px solid red;
}

JQuery ：

$(function(){
    $('input[type="radio"]').addClass('radio');
});

http://jsfiddle.net/AlienWebguy/xjguG/

样式单选按钮与jquery

2 个答案: