Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 选中CSS时将红色边框添加到复选框_Jquery_Html_Css_Checkbox - Fatal编程技术网

Jquery 选中CSS时将红色边框添加到复选框

Jquery 选中CSS时将红色边框添加到复选框,jquery,html,css,checkbox,Jquery,Html,Css,Checkbox,我有这个HTML,我正试图添加一个边框1px纯红色的IMG时,复选框被点击。我已经添加了悬停事件,但我不知道在选中复选框时如何设置红色边框 <div class="row "> <div class="col-md-5 col-md-offset-1 col-centered "> <input type="checkbox" id="piega1" class=" servizioSection2 " name="imgSection2"

我有这个HTML,我正试图添加一个边框1px纯红色的IMG时,复选框被点击。我已经添加了悬停事件,但我不知道在选中复选框时如何设置红色边框

<div class="row ">
    <div class="col-md-5 col-md-offset-1 col-centered ">
        <input type="checkbox" id="piega1" class=" servizioSection2 " name="imgSection2" value="PiegaByWellaProfessionals">
        <label class="piega" for="piega1">
            <img src="img/piega1.png" for="piega1" alt="" class="img-responsive immaginePiega ">
        </label>
        <h1 class="immagineTitoloPiega">PIEGA BY WELLA PROFESSIONALS</h1>
    </div>
    <div class="col-md-5  col-centered piege">
        <input type="checkbox" id="piega2" name="imgSection2" class="piege servizioSection2" value="Piega By System Professionals">
        <label for="piega2" class="piega ">
            <img src="img/piega2.png" for="piega2" alt="" class="img-responsive immaginePiega">
        </label>
        <h1 class="immagineTitoloPiega">PIEGA BY SYSTEM PROFESSIONALS</h1>
    </div>
</div>

您可以通过组合
:选中的
+
选择器

input.servizioSection2:checked + label img {
  border:1px solid red;
}

您可以通过组合
:选中的
+
选择器

input.servizioSection2:checked + label img {
  border:1px solid red;
}
这适用于具有包含图像的标签的所有复选框类型输入。您正在查找复选框及其附带的标签


这适用于具有包含图像的标签的所有复选框类型输入。您正在查找复选框及其附带的标签。

您需要jquery事件处理程序?您需要jquery事件处理程序?@Danielamatini很乐意帮助!:)@Danielematini很乐意帮忙!:)
input[type="checkbox"]:checked + label img {
    border: 1px solid red;
}