用于复选框的动态标签的Jquery选择器

时间:2012-06-21 17:35:16

标签: jquery css toggleclass

this非常相似,但在我的情况下,标签的值可能会发生变化。我想点击进行字体更改。这是我到目前为止:

    // Job Type Button
    $('fieldset.workexperience input').on('change', function() {
        if ($(this).hasClass('jobtype') && ($(this).attr("name")!="")) {
            $('.'+$(this).attr("name")).toggle("slow");
            //Change color to white to show hidden
                $('label[for=$(this)]').toggleClass("hidden");

                $(this).toggleClass("hidden");

                var $this = $(this).attr("label");
                $('label[$this]').toggleClass("hidden");
        } else {

        }
    });

有三次尝试,第一次通过其标签访问它,第二次尝试直接访问它(但$(this)是复选框,而不是标签),第二次是尝试获取值标签,然后将其作为参数传递。

非常感谢任何帮助。

BTW:CSS是:

    .hidden {
    color: white;
    }

1 个答案:

答案 0 :(得分:2)

$('label[for=$(this)]').toggleClass("hidden");

应该

$('label[for="'+ $(this).attr('id') +'"]').toggleClass("hidden");

例如:

<label for="somecheckbox">Checkbox</label>
<input type="checkbox" id="somecheckbox">

因此$(this).attr('id')将获得id,这等于label的{​​{1}}属性。