使用jquery设计标签css

I have a radio group which is coming dynamically to my page. I was able to successfully disable any radio using php, but I want to add css property of text-decoration: line through on the disabled radio label. This is the code :

<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>

How is it possible using jquery ? My jquery code is this :

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

and its not working.

3个回答



只需使用css </ p>

CSS邻近兄弟选择器 </ p>

CSS:禁用伪类 </ p>

   .form-radio:disabled + .option {
text-decoration:line-through;
}
</ code> </ pre>

FIDDLE </ p>
</ div>

展开原文

原文

You can do this with just css

CSS adjacent sibling selector

CSS :disabled pseudo-class

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

FIDDLE

douduiwei2831
douduiwei2831 谢谢你á¾á¿-áμ²á“á¶这是我的小问题的最佳解决方案。 感谢你的回答。
大约 6 年之前 回复
doubiao7410
doubiao7410 好。 但是我如何定位该组中的1个无线电,因为我已经提到它的无线电组而不是单个单选按钮
大约 6 年之前 回复



你应该检查</ p>

  if($('#edit-example-  pane-time-slot-1-11')。attr('disabled')=== true))
{$(this).siblings('label')。css('text-decoration','line- 通过');}
</ code> </ pre>

或者只是禁用它,你应该使用 .attr('disabled','disabled')</ code>。 似乎你把这两者混合在一起。</ p>

PS:请在JavaScript中阅读==和===之间的区别。</ p>
</ div>

展开原文

原文

You should be checking

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

Or to just disable it, you should use .attr('disabled','disabled'). Seems you mixed these two.

PS: Please read difference between == and === in JavaScript.

dosrmo0442
dosrmo0442 实际上它已经被禁用了,我只想在检查禁用无线电之后将css属性添加到标签。
大约 6 年之前 回复
douzhimei8259
douzhimei8259 它们是有区别的。 你也输入标签似乎没有正确配置。
大约 6 年之前 回复
dqyl2374
dqyl2374 我知道差异===相同不是吗?
大约 6 年之前 回复



以下是为其添加css的代码。</ p>

  $(this)。 兄弟姐妹('label')。css('text-decoration','line-through'); 
</ code> </ pre>
</ div>

展开原文

原文

Here's the code to add css for it.

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐