javascript将类添加到基于radio select的类答案

【问题标题】：javascript add class to a class based on radio selectjavascript将类添加到基于radio select的类
【发布时间】：2014-11-21 06:46:50
【问题描述】：

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

<div class="mainclass">

    <div class="childclass">
    ....
    <input type="radio" ..../>

    <?php } else { ?>
   ....

使用以下 javascript 代码有效，但仅适用于子类，我希望它适用于主类。我可以看到代码基本上说适用于输入的父级，所以它是正确的。但是我如何扩展或爬上以便适用于主类？

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

【问题讨论】：

标签： javascript custom-selectors

【解决方案1】：

将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/

【讨论】：