Как получить 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. Пожалуйста, кому не сложно подскажите как реализовать. Заранее благодарю за ответ! |
angel026,
:-? https://javascript.ru/forum/misc/731...tml#post481421 заменить 'change' на mouseover и mouseout |
Цитата:
Сорри, за свою необразованность в программировании, помогите разобраться... |
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&view=productdetails&virtuemart_product_id=13 &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&view=productdetails&virtuemart_product_id=13 &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&view=productdetails&virtuemart_product_id=13 &tmpl=component'" type="checkbox"></label></body> </html> |
:dance:
Супер!!! Все работает!!! УРЯЯЯЯ Спасибо Вам за помощь!!! |
Часовой пояс GMT +3, время: 12:35. |