jQuery-隐藏/显示复选框和图像高亮/边框

如何解决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 */
     }
});

有任何想法吗？我在想一个简单的toggleClass可能会起作用。还是再次使用.hide（）.show（）？     

解决方法

        您可以使用jQuery函数addClass（）将一个类添加到元素中。例如

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

并且相应的removeClass（）将删除该类。     ,        你在看这样的东西吗 http://api.jquery.com/even-selector/ ：甚至选择器 或jquery

.toggle()

http://api.jquery.com/toggle/ 我不读你的整个故事：-(     ,        您将使用CSS类来控制图像的边框。您的班级将在应用边框时将边框添加到图像。 要添加或删除类，可以使用jQuery \的addClass（）和removeClass（）：

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