javascript将类添加到基于单选选择的类中

javascript add class to a class based on radio select

本文关键字：选择 于单选 添加 javascript      更新时间：2023-09-26

我不太熟悉javascript，所以我正在寻求一些帮助。我正在寻找一种方法，通过opencart 中的javascript将类应用到以下块的主类

<div class="mainclass">
    <div class="childclass">
    ....
    <input type="radio" ..../>
    <?php } else { ?>
   ....

使用以下javascript代码可以工作，但仅适用于childclass，我希望它能应用于mainclass。我可以看到，代码基本上说要应用于输入的父级，所以它是正确的。但是，我该如何扩展或向上爬，以便适用于主舱？

$(document).ready(function () {
$('input').click(function () {
$('input:not(:checked)').parent().removeClass("checked");
$('input:checked').parent().addClass("checked");
});
$('input:checked').parent().addClass("checked");
});

将parent()更改为parents()，并将.mainclass添加到parents()。然后搜索具有class = mainclass的父级，并将类checked应用于该div。

$(document).ready(function () {
    $('input').click(function () {
        $('input:not(:checked)').parents('.mainclass').removeClass("checked");
        $('input:checked').parents('.mainclass').addClass("checked");
    });
    $('input:checked').parents('.mainclass').addClass("checked");
});

请参阅http://jsfiddle.net/fam04sro/1/

相关文章：