|
Сообщение от boobbbbbbbbbb
|
<input type="submit" id="search_filter" value="Показать" />
</ul>
|
это как, у вас в списке инпут оказался ?
|
Сообщение от boobbbbbbbbbb
|
|
if ($(".class-block >li >label >input").
|
искать надо не первый попавшийся инпут, а в той лейбе на которую нажали
if ($("input", this).is(":checked"))
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#sidebar ul li >label.check{
background-color: #00FF00;
}
#sidebar ul li >label{
background-color: #FF8C00;
padding: 5px;
margin: 8px;
}
#sidebar ul li{
list-style-type: none;
margin: 8px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
$(".class-block >li >label").click(function() {
$(this).toggleClass('check', $("input", this).is(":checked"));
});
});
</script>
</head>
<body>
<form id="sidebar">
<ul class="class-block">
<li ><label for="test"><input type="checkbox" id="test" ><span>test</span></label></li>
<li ><label for="test2"><input type="checkbox" id="test2" ><span>test2</span></label></li>
</ul>
<input type="submit" id="search_filter" value="Показать" />
</form>
</body>
</html>