Показать сообщение отдельно
  #8 (permalink)  
Старый 14.02.2017, 12:45
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Сообщение от рони Посмотреть сообщение
пас, но вариант для медитации

<!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="ДЛЯ ЖЕНЩИН">ДЛЯ ЖЕНЩИН&nbsp;(<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="ДЛЯ МУЖЧИН">ДЛЯ МУЖЧИН&nbsp;(<span data-role="count_arrFilter_46_231625436">1</span>)</span>
   </span>
    </label>
 </div>
</div>

</body>
</html>
а чем мой вариант плох?и как еще можно сделать по вашему примеру чтобы при нажатии в том блоке на выведеные пункты они отменялись?ну как у меня в примере
Ответить с цитированием