|
Сообщение от chelkaz
|
|
А если например нужно изменить другой элемент у блока
|
например?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.orange {
background: #FFCC00;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = $(".bx_filter_container");
s.each(function(indx, el){ //перебор всех контейнеров
$(el).on("change",":checkbox",function(event) { //установка слежения за checkbox внутри контейнера
$(*!*"p",*/!*el)[($(el).has(":checked").length ? "add" : "remove")+"Class"]("orange");
//смена класса элемента внутри контейнера(подчёркнутое убрать, тогда самого контейнера)
// в зависимости от наличия (":checked").length
});
});
});
</script>
</head>
<body>
<div class="bx_filter_container"> [B]/* Этот сласс нужно изменить если нажат checkbox */[/B]
<span class="bx_filter_container_title">
<span class="bx_filter_container_modef">
<div id="modef" class="blblblb">
<div id="id-2" class="panel-collapse collapse in" style="" aria-expanded="true">
<div class="panel-body">
<span class=""><p>test</p>
<input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
> <input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
> <input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
>
</span></div></div></div></span></span></div>
<div class="bx_filter_container"> [B]/* Этот сласс нужно изменить если нажат checkbox */[/B]
<span class="bx_filter_container_title">
<span class="bx_filter_container_modef">
<div id="modef" class="blblblb">
<div id="id-2" class="panel-collapse collapse in" style="" aria-expanded="true">
<div class="panel-body">
<span class=""><p>test</p>
<input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
> <input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
> <input id="arrFilter_1_2212294583"
class="css-checkbox"
type="checkbox"
onclick="smartFilter.click(this)"
name="arrFilter_1_2212294583"
value="Y"
>
</span></div></div></div></span></span></div>
</body>
</html>