在jquery中选择具有自定义样式的复选框

时间:2015-12-22 12:31:25

标签: jquery html

我的jQuery中有一个复选框作为选择器。选中该复选框时,应该在css类中为另一个div元素。 我的问题是jQuery没有对:checked paramenter

做出反应

我得到了以下信息:

的jQuery

    $(function () {
        if ($('#tab').is(':checked')) {
            $(".choices").attr({ "visibility": "visible" });
            $(".question1").attr({ "border-bottom-left-radius": "0px" })
        }
        else {
            $(".choices").removeAttr('style');
            $(".question1").removeAttr('style');
        };

HTML

                    <label>
                    <input type="checkbox" name="check" id="tab" /><span class="label-text">Valgmuligheder</span>
                    </label>

我的意思是自定义复选框,是我使用字体而不是初始样式。但是,初始复选框只是隐藏,并且正在与字体一起检查。

我猜我的代码在我的选择器中失败了,但我似乎无法将其弄好。

1 个答案:

答案 0 :(得分:0)

尝试下面的JS,但是对于您的登录,请根据您的要求进行更新 -

&#13;
&#13;
  $('input[type=checkbox]').change(function(){
        if ($('#tab').is(':checked')) {
          alert('hii');
            $(".choices").attr({ "visibility": "visible" });
            $(".question1").attr({ "border-bottom-left-radius": "0px" })
        }
        else {
            $(".choices").removeAttr('style');
            $(".question1").removeAttr('style');
        }
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
     <input type="checkbox" name="check" id="tab" /><span class="label-text">Valgmuligheder</span>
</label>
&#13;
&#13;
&#13;