javascript将类添加到基于radio select的类
Posted
技术标签:
【中文标题】javascript将类添加到基于radio select的类【英文标题】:javascript add class to a class based on 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");
);
【问题讨论】:
【参考方案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/
【讨论】:
以上是关于javascript将类添加到基于radio select的类的主要内容,如果未能解决你的问题,请参考以下文章
javascript 使用jQuery将类添加到Object