Question

我有一个无线电组，它动态地进入我的页面。我能够使用php成功禁用任何无线电，但我想在禁用的无线电标签上添加text-decoration的css属性：line through。这是代码：

<div class="form-item form-type-radio form-item-example-pane-time-slot-1">
    <input type="radio" id="edit-example-pane-time-slot-1-11" name="example_pane[time_slot_1]" value="11" class="form-radio">
    <label class="option" for="edit-example-pane-time-slot-1-11">11 - 12 pm </label>
</div>

如何使用jquery？我的jquery代码是这样的：

if ($('#edit-example-pane-time-slot-1-11').attr('disabled',true))
{
    $(this).css('text-decoration', 'line-through');
}

它无效。

Answer 1

你应该检查

if ($('#edit-example-pane-time-slot-1-11').attr('disabled')===true))
    {$(this).siblings('label').css('text-decoration', 'line-through');}

或者只是禁用它，您应该使用.attr('disabled','disabled')。好像你把这两个混在了一起。

PS：请在JavaScript中阅读==和===之间的区别。

Answer 2

以下是为其添加css的代码。

$(this).siblings('label').css('text-decoration','line-through');

Answer 3

你可以用css

来做到这一点

CSS adjacent sibling selector

CSS :disabled pseudo-class

.form-radio:disabled + .option {
    text-decoration: line-through;
}

FIDDLE

使用jquery设计标签css

3 个答案: