пас, но вариант для медитации
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.bx-filter-parameters-box-container .checkbox:first-child {
margin-top: 0;
}
.radio, .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label, .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
body .bx-filter-input-checkbox {
font-family: 'Roboto-Regular';
font-size: 11px;
text-transform: uppercase;
}
body .bx-filter-input-checkbox {
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
body .bx-filter-input-checkbox input, body .bx-filter-title {
display: none;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
span.bx-filter-param-text {
display: block;
text-align: left;
position: relative;
}
span.bx-filter-param-text:before {
display: inline-block;
width: 17px;
height: 17px;
cursor: pointer;
background: url(http://test.gold-999.ru/bitrix/templates/eshop_bootstrap_blue/images/checkbox.png) no-repeat;
content: '';
left: -22px;
top: -4px;
position: absolute;
}
input[type="checkbox"]:checked + span.bx-filter-param-text:before {
background-position: 0 -15px;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var check = $('.bx-filter-parameters-box-container input:checkbox')
$('.bx-filter-parameters-box-container').change(function() {
$('.hot').html(check.filter(':checked').next().clone())
})
});
</script>
</head>
<body>
<div class="hot"></div>
<div class="bx-filter-parameters-box-container">
<div class="checkbox">
<label data-role="label_arrFilter_46_471508825" class="bx-filter-param-label " for="arrFilter_46_471508825">
<span class="bx-filter-input-checkbox">
<input type="checkbox" value="Y" name="arrFilter_46_471508825" id="arrFilter_46_471508825" onclick="smartFilter.click(this)">
<span class="bx-filter-param-text" title="ДЛЯ ЖЕНЩИН">ДЛЯ ЖЕНЩИН (<span data-role="count_arrFilter_46_471508825">6</span>)</span>
</span>
</label>
</div>
<div class="checkbox">
<label data-role="label_arrFilter_46_231625436" class="bx-filter-param-label " for="arrFilter_46_231625436">
<span class="bx-filter-input-checkbox">
<input type="checkbox" value="Y" name="arrFilter_46_231625436" id="arrFilter_46_231625436" onclick="smartFilter.click(this)">
<span class="bx-filter-param-text" title="ДЛЯ МУЖЧИН">ДЛЯ МУЖЧИН (<span data-role="count_arrFilter_46_231625436">1</span>)</span>
</span>
</label>
</div>
</div>
</body>
</html>
|