0

На странице есть группа radioButton кнопок, которые разделены между собой при помощи атрибута name. Необходимо получить все эти кнопки и в цикле реагировать на нажатия по ним. Начал с того, что пытаюсь получить все элементы из этих групп. Объединил их в массив (предварительно получив HTML коллекцию), обхожу элементы в цикле и пытаюсь удостовериться, что могу получить к ним в цикле доступ. Но ни этот вариант, ни аналогичный вариант через foreach() не работают никак.

function getRadioEl() {
  var radioButtСollection = document.getElementsByClassName("markNews");
  // получаю html коллекцию, в ней 18 элементов
  var radioButtArray = Array.from(radioButtСollection);
  //привожу коллекцию  к массиву

  for (var i = 0; i > radioButtArray.length; i++) {
    if (radioButtArray[i].checked === false) {
      console.log('false for ' + radioButtArray[i]);
    } else {
      console.log('true for ' + radioButtArray[i]);
    }
  }
}
.ThisDay-default-index {
  position: relative;
}

.control-group .group-header:not(:nth-child(1)) {
  display: none;
}

.horizontal-scroll-wrapper {
  width: 100%;
}

.control-group {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  height: auto;
  margin: 10px;
  max-width: 285px;
  max-height: 345px;
  min-height: 345px;
  overflow-y: auto;
  word-wrap: break-word;
  white-space: normal;
}

.thisday-container {
  width: 55%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin: 10px auto;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 4px;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.control-views-count {
  position: relative;
  display: block;
  float: right;
  font-weight: 500;
  margin-right: 15px;
  margin-left: 15px;
  font: normal normal normal 13px/1 FontAwesome;
  line-height: 20px;
  color: #695454;
}

.control-views-count:before {
  margin: 4px;
}

.thisday-butt,
.thisday-btn {
  float: right;
}

.thisday-time {
  display: flex;
}

.thisday-content {
  clear: both;
}

.control-group .group-header:not(:nth-child(1)) h3 {
  display: none !important;
}

.control-button__container {
  text-align: center;
}

.thisday-list__button {
  float: left;
  margin-right: 20px;
}

.group-header {
  margin-left: 4px;
}

.thisday-time #userdate {
  margin-left: 5px;
  margin-right: 5px;
  width: 10%;
  text-align: center;
}

.bs-native-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.thisday-form-butt {
  margin-right: 20px;
}

.markNews {
  display: none;
  position: relative;
}

.markNews+.markNews_label__custom {
  background: #dad7d7;
  height: 18px;
  width: 18px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin: 0 10px 0 5px;
  border-radius: 50%;
  position: relative;
}

.markNews:checked+.markNews_label__custom::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #58b790;
  height: 14px;
  width: 14px;
  display: inline-block;
  padding: 0 0 0 0px;
  border-radius: 50%;
}

.markNews_label__custom:hover {
  background: #cfe330;
  cursor: pointer;
}

.markNews-label {
  font-weight: 400;
  cursor: pointer;
}

.label-checked {
  background-color: #72f1638f;
}

.control-group__label:not(.label-checked):hover,
.control-group__label:not(.label-checked):focus {
  background-color: #9dd9f68f;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thisday-container">
  <span>Вы можете выбрать еще <strong id="countRadioButt"></strong> новостей</span>
  <div class="horizontal-scroll-wrapper">
    <div class="control-group">
    </div>
    <div class="control-group">
      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612539" style="width: 10%; float: left;" name="News[2017][]" value=" 612539" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612539" 
    class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">13556                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612210" style="width: 10%; float: left;" name="News[2017][]" value=" 612210" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612210" 
   class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">11376                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label label-checked">
                                <input type="radio" class="markNews" id="mark-radio-612573" style="width: 10%; float: left;" name="News[2017][]" value=" 612573" checked="checked" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612573" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7523                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612378" style="width: 10%; float: left;" name="News[2017][]" value=" 612378" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612378" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7340                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612349" style="width: 10%; float: left;" name="News[2017][]" value=" 612349" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612349" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7068                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612405" style="width: 10%; float: left;" name="News[2017][]" value=" 612405" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612405" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">5811                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612577" style="width: 10%; float: left;" name="News[2017][]" value=" 612577" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612577" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">4354                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612478" style="width: 10%; float: left;" name="News[2017][]" value=" 612478" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612478" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">4309                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612586" style="width: 10%; float: left;" name="News[2017][]" value=" 612586" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612586" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3887                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612443" style="width: 10%; float: left;" name="News[2017][]" value=" 612443" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612443" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3641                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612550" style="width: 10%; float: left;" name="News[2017][]" value=" 612550" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612550" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3404                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612479" style="width: 10%; float: left;" name="News[2017][]" value=" 612479" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612479" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3241                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612421" style="width: 10%; float: left;" name="News[2017][]" value=" 612421" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612421" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3196                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612466" style="width: 10%; float: left;" name="News[2017][]" value=" 612466" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612466" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3081                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612380" style="width: 10%; float: left;" name="News[2017][]" value=" 612380" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612380" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">2901                            </i>
      </label>
      <div class=""></div>
      <br>

    </div>
    <div class="control-group">
      <h3 class="group-header">2016</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-523521" style="width: 10%; float: left;" name="News[2016][]" value=" 523521" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523521" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текстм </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3146                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2016</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-523515" style="width: 10%; float: left;" name="News[2016][]" value=" 523515" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523515" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">2766                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2016</h3>
      <label class="control-group__label label-checked">
                                <input type="radio" class="markNews" id="mark-radio-523477" style="width: 10%; float: left;" name="News[2016][]" value=" 523477" checked="checked" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523477" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">1825                            </i>
      </label>
      <div class=""></div>
      <br>
    </div>
  </div>
</div>

Я не получаю никаких сообщений об ошибке в консоль, не срабатывает console.log, ничего.

Как мне починить это все и заставить работать корректно? Корректно - в данном случае, чтобы я получил запись в console log результат для каждого элемента, который был затронут циклом for().

3
  • 1
    функция нигде не вызывается, поэтому ничего и не выводится.
    – Grundy
    29 мар 2018 в 10:21
  • 1
    во-вторых, банальная опечатка в условии for: i > radioButtArray.length - оно сразу false, потому в цикл даже не заходит
    – Grundy
    29 мар 2018 в 10:25
  • 1
    в-третьих, нет функции .foreach(), есть функция .forEach()
    – Grundy
    29 мар 2018 в 10:27

2 ответа 2

1
function getRadioEl() {
    var radioButtСollection = document.getElementsByClassName("markNews"); 
    [].forEach.call(radioButtСollection, function( el ) {
        if (el.checked === false){
            console.log('false for ', el);
        }else{
            console.log('true for ', el);
        }
    });
}
0

function getRadioEl() {
  var radioButtСollection = document.getElementsByClassName("markNews");
  // получаю html коллекцию, в ней 18 элементов
  var radioButtArray = Array.from(radioButtСollection);
  //привожу коллекцию  к массиву
  for (var i = 0; i < radioButtArray.length; i++) {
    if (radioButtArray[i].checked === false) {
      console.log('false for ' + radioButtArray[i]);
    } else {
      console.log('true for ' + radioButtArray[i]);
    }
  }
}

getRadioEl();
.ThisDay-default-index {
  position: relative;
}

.control-group .group-header:not(:nth-child(1)) {
  display: none;
}

.horizontal-scroll-wrapper {
  width: 100%;
}

.control-group {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  height: auto;
  margin: 10px;
  max-width: 285px;
  max-height: 345px;
  min-height: 345px;
  overflow-y: auto;
  word-wrap: break-word;
  white-space: normal;
}

.thisday-container {
  width: 55%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin: 10px auto;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 4px;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.control-views-count {
  position: relative;
  display: block;
  float: right;
  font-weight: 500;
  margin-right: 15px;
  margin-left: 15px;
  font: normal normal normal 13px/1 FontAwesome;
  line-height: 20px;
  color: #695454;
}

.control-views-count:before {
  margin: 4px;
}

.thisday-butt,
.thisday-btn {
  float: right;
}

.thisday-time {
  display: flex;
}

.thisday-content {
  clear: both;
}

.control-group .group-header:not(:nth-child(1)) h3 {
  display: none !important;
}

.control-button__container {
  text-align: center;
}

.thisday-list__button {
  float: left;
  margin-right: 20px;
}

.group-header {
  margin-left: 4px;
}

.thisday-time #userdate {
  margin-left: 5px;
  margin-right: 5px;
  width: 10%;
  text-align: center;
}

.bs-native-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.thisday-form-butt {
  margin-right: 20px;
}

.markNews {
  display: none;
  position: relative;
}

.markNews+.markNews_label__custom {
  background: #dad7d7;
  height: 18px;
  width: 18px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin: 0 10px 0 5px;
  border-radius: 50%;
  position: relative;
}

.markNews:checked+.markNews_label__custom::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #58b790;
  height: 14px;
  width: 14px;
  display: inline-block;
  padding: 0 0 0 0px;
  border-radius: 50%;
}

.markNews_label__custom:hover {
  background: #cfe330;
  cursor: pointer;
}

.markNews-label {
  font-weight: 400;
  cursor: pointer;
}

.label-checked {
  background-color: #72f1638f;
}

.control-group__label:not(.label-checked):hover,
.control-group__label:not(.label-checked):focus {
  background-color: #9dd9f68f;
}
<div class="thisday-container">
  <span>Вы можете выбрать еще <strong id="countRadioButt"></strong> новостей</span>
  <div class="horizontal-scroll-wrapper">
    <div class="control-group">
    </div>
    <div class="control-group">
      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612539" style="width: 10%; float: left;" name="News[2017][]" value=" 612539" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612539" 
    class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">13556                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612210" style="width: 10%; float: left;" name="News[2017][]" value=" 612210" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612210" 
   class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">11376                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label label-checked">
                                <input type="radio" class="markNews" id="mark-radio-612573" style="width: 10%; float: left;" name="News[2017][]" value=" 612573" checked="checked" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612573" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7523                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612378" style="width: 10%; float: left;" name="News[2017][]" value=" 612378" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612378" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7340                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612349" style="width: 10%; float: left;" name="News[2017][]" value=" 612349" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612349" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">7068                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612405" style="width: 10%; float: left;" name="News[2017][]" value=" 612405" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612405" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">5811                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612577" style="width: 10%; float: left;" name="News[2017][]" value=" 612577" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612577" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">4354                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612478" style="width: 10%; float: left;" name="News[2017][]" value=" 612478" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612478" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">4309                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612586" style="width: 10%; float: left;" name="News[2017][]" value=" 612586" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612586" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3887                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612443" style="width: 10%; float: left;" name="News[2017][]" value=" 612443" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612443" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3641                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612550" style="width: 10%; float: left;" name="News[2017][]" value=" 612550" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612550" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3404                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612479" style="width: 10%; float: left;" name="News[2017][]" value=" 612479" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612479" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3241                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612421" style="width: 10%; float: left;" name="News[2017][]" value=" 612421" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612421" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3196                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612466" style="width: 10%; float: left;" name="News[2017][]" value=" 612466" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612466" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст</span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3081                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2017</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-612380" style="width: 10%; float: left;" name="News[2017][]" value=" 612380" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-612380" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">2901                            </i>
      </label>
      <div class=""></div>
      <br>

    </div>
    <div class="control-group">
      <h3 class="group-header">2016</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-523521" style="width: 10%; float: left;" name="News[2016][]" value=" 523521" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523521" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текстм </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">3146                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2016</h3>
      <label class="control-group__label ">
                                <input type="radio" class="markNews" id="mark-radio-523515" style="width: 10%; float: left;" name="News[2016][]" value=" 523515" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523515" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">2766                            </i>
      </label>
      <div class=""></div>
      <br>


      <h3 class="group-header">2016</h3>
      <label class="control-group__label label-checked">
                                <input type="radio" class="markNews" id="mark-radio-523477" style="width: 10%; float: left;" name="News[2016][]" value=" 523477" checked="checked" onclick=" $('#btn_submit').prop('disabled', '')">
                                <label for="mark-radio-523477" class="markNews_label__custom">  </label>
      <span class="markNews-label">Текст </span>
      <i class="control-views-count fa fa-eye" title="Просмотры">1825                            </i>
      </label>
      <div class=""></div>
      <br>
    </div>
  </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.