Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   циклы в jquery (https://javascript.ru/forum/jquery/52949-cikly-v-jquery.html)

roe 14.01.2015 12:18

циклы в jquery
 
Всем привет!
1) есть форма с чекерами
2) есть массив в формате ясон var arr = ["68","69","73",...
задача, такая: кликая по какому либо чекеру формы нужно произвести сравнение (формы и массива), если
value любого чекера формы == одному из элементов массива - тогда покрасить название чекера формы красным цветом.
напрочь, запутался в циклах, просьба помочь.. Спасибо!

рони 14.01.2015 13:43

roe,
:-?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  .red {
     color: #FF0000;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var box = $(":checkbox"),arr = ["68","69","73"];
       box.change(function() {
         $(this).parent().toggleClass("red", this.checked && $.inArray(this.value, arr) != -1);
      });
});


  </script>
</head>

<body>
<form action="http://">
<label><input name="" type="checkbox" value="68">68</label>
<label><input name="" type="checkbox" value="69">69</label>
<label><input name="" type="checkbox" value="70">70</label>
</form>


</body>

</html>

roe 14.01.2015 14:46

Благодарю всех за помощь, особенно рони за развернутый ответ. Очень помогли.


Часовой пояс GMT +3, время: 10:50.