Как получить 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, время: 03:04. |