Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2018, 00:18
Интересующийся
Отправить личное сообщение для angel026 Посмотреть профиль Найти все сообщения от angel026
 
Регистрация: 18.07.2017
Сообщений: 15

Как получить id из php массива с помощью JS?
У меня есть задача, получить ID элементов и php массива с дальнейшим применением в коде JS.
есть 2 массива:
echo '<input class="choose_check" id="cc_'.$i.'" name="check[]" type="checkbox" value=""></input>';
echo '<input class="choose_check_url" id="cc_url_'.$i.'" name="check[]" value="" type="checkbox" ></input>';

эти массивы имеют динамические ID, в чем собственно и есть моя проблема.
И JS код, который работает в этом же файле.
<script>
document.getElementById("cc_0").onmouseover = function() {mouseOver()};
document.getElementById("cc_0").onmouseout = function() {mouseOut()};
function mouseOver() { 
   document.getElementById("cc_url_0").checked = true; 
}
function mouseOut() { 
   document.getElementById("cc_url_0").checked = false; 
}
</script>

Для примера я поставил статичные ID массивов, но мне нужно прикрутить к JS коду возможность работать с динамическими ID.
Пожалуйста, кому не сложно подскажите как реализовать.
Заранее благодарю за ответ!
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2018, 00:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

angel026,

https://javascript.ru/forum/misc/731...tml#post481421

заменить 'change' на mouseover и mouseout
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2018, 00:34
Интересующийся
Отправить личное сообщение для angel026 Посмотреть профиль Найти все сообщения от angel026
 
Регистрация: 18.07.2017
Сообщений: 15

Сообщение от рони Посмотреть сообщение
angel026,

https://javascript.ru/forum/misc/731...tml#post481421

заменить 'change' на mouseover и mouseout
Спс )) но если бы я понимал еще как эти два кода поженить, я бы не писал еще раз...
Сорри, за свою необразованность в программировании, помогите разобраться...
Ответить с цитированием
  #4 (permalink)  
Старый 27.03.2018, 00:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

angel026,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>
     window.addEventListener('DOMContentLoaded', function() {
       var check = document.querySelectorAll('.choose_check'),
           check_url = document.querySelectorAll('.choose_check_url');
       [].forEach.call(check, function(item, i) {
               item.addEventListener('mouseover', function() {
                    check_url[i].checked = true
               });
               item.addEventListener('mouseout', function() {
                    check_url[i].checked = false
               });
           });
         });
  </script>
</head>

<body>
<label><input class="choose_check" id="cc_6" name="check[]" value="
                            cpu-test-22
                            CPU AMD-22
                            9002
                            ₽
                            " onchange="getCheckedCheckBoxes()" type="checkbox"><input class="choose_check_url" id="cc_url_6" name="check[]" value="'.index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=13 &amp;tmpl=component'" type="checkbox"></label>

<br>
<label><input class="choose_check" id="cc_6" name="check[]" value="
                            cpu-test-22
                            CPU AMD-22
                            9002
                            ₽
                            " onchange="getCheckedCheckBoxes()" type="checkbox"><input class="choose_check_url" id="cc_url_6" name="check[]" value="'.index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=13 &amp;tmpl=component'" type="checkbox"></label>
<br>
<label><input class="choose_check" id="cc_6" name="check[]" value="
                            cpu-test-22
                            CPU AMD-22
                            9002
                            ₽
                            " onchange="getCheckedCheckBoxes()" type="checkbox"><input class="choose_check_url" id="cc_url_6" name="check[]" value="'.index.php?option=com_virtuemart&amp;view=productdetails&amp;virtuemart_product_id=13 &amp;tmpl=component'" type="checkbox"></label></body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 27.03.2018, 00:45
Интересующийся
Отправить личное сообщение для angel026 Посмотреть профиль Найти все сообщения от angel026
 
Регистрация: 18.07.2017
Сообщений: 15


Супер!!! Все работает!!! УРЯЯЯЯ
Спасибо Вам за помощь!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как передать массива из объекта php в js suxxoi Элементы интерфейса 4 11.09.2016 17:06
Как получить значение с помощью JavaScript? griga999 Общие вопросы Javascript 2 22.02.2015 01:57
Как с помощью жс получить дефолтные стили браузера? grifangel Общие вопросы Javascript 2 24.12.2013 02:21
Как автоматически получать результаты form action и обработать их с помощью js rusik Общие вопросы Javascript 1 27.01.2013 22:30
Как передавать параметры из php скрипта в js imissyouso Общие вопросы Javascript 3 01.08.2012 18:24