Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Как получить id из php массива с помощью JS? (https://javascript.ru/forum/css-html/73174-kak-poluchit-id-iz-php-massiva-s-pomoshhyu-js.html)

angel026 27.03.2018 00:18

Как получить 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.
Пожалуйста, кому не сложно подскажите как реализовать.
Заранее благодарю за ответ!

рони 27.03.2018 00:27

angel026,
:-?
https://javascript.ru/forum/misc/731...tml#post481421

заменить 'change' на mouseover и mouseout

angel026 27.03.2018 00:34

Цитата:

Сообщение от рони (Сообщение 481529)
angel026,
:-?
https://javascript.ru/forum/misc/731...tml#post481421

заменить 'change' на mouseover и mouseout

Спс )) но если бы я понимал еще как эти два кода поженить, я бы не писал еще раз...
Сорри, за свою необразованность в программировании, помогите разобраться...

рони 27.03.2018 00:35

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>

angel026 27.03.2018 00:45

:dance:
Супер!!! Все работает!!! УРЯЯЯЯ
Спасибо Вам за помощь!!!


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