【问题标题】:show label text, if his input(radio) is checked..?显示标签文本,如果他的输入(收音机)被检查..?
【发布时间】:2014-08-12 16:06:27
【问题描述】:

我正在尝试编写一个动态的单选按钮,其中选择了单选按钮时,将出现其标签文本,但这不起作用。

jsfiddle

<label for="color1" style="background: #ff9999">1</label>
<input type="radio" id="color1" name="choose-color">

【问题讨论】:

  • jsfiddle 链接在上面
  • 它在哪些方面不适合您?是的,有一个链接。现在,为什么您的代码不在您的问题中?
  • 输入应该站在标签前面,以便选择器能够从输入到达标签:检查:jsfiddle.net/RGM2E/1
  • @GCyrillus 非常感谢!!!是工作! :)

标签: javascript jquery html css


【解决方案1】:

试试这个,

Javascript

$("input[type=radio]").change(function(){
    $("label").css("font-size", "0px");
    $("label[for="+ $(this).attr("id") +"]").css("font-size", "14px")
});

您还需要从input:checked ~ label 样式中删除font: 14px/30px 'nexa_lightregular', Arial, sans-serif;

查看此DEMO

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-06-14
    • 2013-10-12
    • 1970-01-01
    • 2015-06-16
    • 2017-11-20
    • 2013-04-26
    • 2011-08-31
    • 1970-01-01
    相关资源
    最近更新 更多