javascript基于无线电选择将类添加到类中

时间:2014-09-26 09:37:46

标签: javascript custom-selectors

我不熟悉javascript,所以我正在寻求帮助。我正在寻找一种方法,通过javascript in opencart

将类应用于以下块的主类
<div class="mainclass">

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

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

使用以下javascript代码可以工作,但仅适用于子类,我希望它适用于mainclass。我可以看到代码基本上说要应用于输入的父级,所以它是正确的。但是我如何延伸或攀爬以便适用于主类?

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

1 个答案:

答案 0 :(得分:0)

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/