JQuery-隐藏/显示复选框&；图像高光/边框

我在业余时间学习jquery，以帮助提高我的网站制作技能。我认为这是一个简单的解决办法，但在花了几个小时试图让它工作后，我求助于寻求一些或任何帮助

背景资料：

我正在使用jquery编写一个简单的表单。这是一个用来订购汽车零件的表格。有一个复选框，当点击时，会显示其他4个“额外”选项，每个选项都有自己的小缩略图、文本和复选框。我希望它的工作方式是，除非用户选中了“额外选项”复选框，否则不应显示额外选项（它们的图像、文本、复选框）。一旦取消选中“额外选项”复选框，显示的选项就会消失

我有上述工作部分的工作。当用户选择一个额外的选项（如轮胎、消声器等）时，我想突出显示图像周围的边框。我有一个名为“img.selected”的css类，我打算用它来可视化高亮显示的边框。所以我知道我需要做的，但我不知道，是使用jquery引用css类。选择图像缩略图时，应高亮显示，反之亦然。通过复选框取消选择时，高亮显示/边框应消失

以下是我用于隐藏/显示额外部件选项的代码：

    $("#extraPartsContainer").hide();    /* Hidding by default textbox */
$('#chkWantsExtraParts').click(function() {  /* This will check that checkbox is       clicked */
     if( $(this).is(':checked') ) { /* checking checkbox is checked or not */
         $("#extraPartsContainer").show(); /* showing hide div if checkbox is checked */
     } else {
            $("#extraPartsContainer").hide(); /* hiding div if checkbox is unchecked */
     }
});

---

有什么想法吗？我在想也许一个简单的切换类会有用。或者再次使用.hide（）.show（）？

可以使用jQuery函数addClass（）将类添加到元素中。e、 g

   $('#yourimg').addClass('img.selected');

---

相应的removeClass（）将删除该类。

您是这样看的吗

：偶数选择器

或jquery

.toggle（）

---

我没有阅读您的全部故事：-（

您将使用CSS类来控制图像的边框。您的类将在应用图像时将边框添加到图像中

要添加或删除该类，可以使用jQuery的addClass（）和removeClass（）

---

这是一个我能找到的关于我试图实现的目标的最接近的例子。区别在于不是单选按钮高亮度，它应该是图像。它可以是1个图像或4个图像的任意组合。

$( '#theImage' ).addClass('highlightBorder');
$( '#theImage' ).removeClass('highlightBorder');