Javascript 如何在选中的输入Emelent上添加类？_Javascript_Jquery_Css

Javascript 如何在选中的输入Emelent上添加类？

javascript jquery css

Javascript 如何在选中的输入Emelent上添加类？,javascript,jquery,css,Javascript,Jquery,Css,在我的场景中，我需要向选中的输入元素添加css类我正在使用选定的myClass获取选中元素： <input #input class="input-class package_box" name="{{ box.id }}" type="checkbox" value="{{ box.date }}"/> let a = $('.package_box:input:checked'); console.log(a); // it consoles some Nat

在我的场景中，我需要向选中的输入元素添加css类

我正在使用选定的myClass获取选中元素：

<input #input class="input-class package_box" name="{{ box.id }}" type="checkbox" value="{{ box.date }}"/>

    let a = $('.package_box:input:checked');
    console.log(a); // it consoles some Native details


addBorder先生{
外形：10px固体#c00；
}
检查这个
$（函数（）{
$（'.mycheckbox'）.change（函数（）{
如果（$（'.mycheckbox'）。是（':checked'））{
控制台日志（“已检查”）；
$（'#test'）.addClass（'addBorder'）；
}否则{
$（“#test”）.removeClass（'addBorder'）；
}
});
});

在编辑器中复制并粘贴上述代码，并将其保存到test.html文件中，在浏览器上运行，然后单击复选框中添加的addBorder类复选框。希望有帮助。

解决了这个问题：

let a  = $('.package_box:input:checked');
   a.each(function (t) {
   console.log(a, t);
   $(a).next().addClass('bliking'); // next() func is to get next sibling element.
 });

只是出于好奇；为什么需要添加一个类？选中复选框时，可以使用css中的选中状态更新样式。。或者您是否需要父项上的css类来修改其他元素的样式？请添加HTML，这将有助于解决您的问题。

$（'.package\u box:input:checked'）。addClass（'addBorder'）

这应该可以正常工作。您是否可以使用或在此处创建一个用于显示发生的问题的视图。出于好奇：这是一个包含jquery的角度项目（由前开发人员完成）。他犯了一些错误。现在我只想解决这个问题。我得到的元素数组已选中，我想添加一些css。要求不是你的答案。谢谢

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<style>
    .addBorder {
        outline: 10px solid #c00;
    }

</style>
<input id="test" class="mycheckbox" name="test" type="checkbox" > Check this </input>

<script>

$(function() {

          $('.mycheckbox').change(function() {


            if ($('.mycheckbox').is(':checked')) {
                console.log("checked");
                $('#test').addClass('addBorder');
            }else{
                $('#test').removeClass('addBorder');
            }
        });

});
</script>

let a  = $('.package_box:input:checked');
   a.each(function (t) {
   console.log(a, t);
   $(a).next().addClass('bliking'); // next() func is to get next sibling element.
 });