主页 / 问题 / 1339926
Accepted
duddeniska
Asked:2022-03-19 22:30:55 +0000 UTC2022-03-19 22:30:55 +0000 UTC

CSS 访问父元素

  • 772

大家好，我有这个 html

<label class="quad">
   <input class="quadcheck" name="1" type="checkbox" value="1" checked="">11
</label>

<label class="quad">
   <input class="quadcheck" name="2" type="checkbox" value="1">22
</label>

一个复选框被选中，另一个未被选中。如何在选中的复选框上定义标签样式？我是这样用jquery做到的

$(document).ready(function(){
    if($('.quadcheck').is(":checked"))
    {
        $('.quadcheck').parent().css("background-color", "#fcfc00");    
    }
});

但出于某种原因，他给两者都赋予了风格

css

1 个回答

  1. Best Answer

    您检查是否已检查，然后不取它，而是取所有输入，然后重新着色。不需要条件，直接取checked的输入

    $(document).ready(function(){
        $('input:checked').parent().css("background-color", "#fcfc00");    
    
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="quad">
   <input class="quadcheck" name="1" type="checkbox" value="1" checked="">11
</label>

<label class="quad">
   <input class="quadcheck" name="2" type="checkbox" value="1">22
</label>

    好吧，另外，我想不仅需要调用它一次，而且还需要在单击时绑定它。

    • 1

相关问题