Как отметить оба чек-бокса при нажатии на 1?
Я своим скудным познанием JS смог только добиться выделении всех дочерних чек-боксов при нажатии на главный.
Прошу знающих помощи, как сделать чтобы при нажатии на Главный чек-бокс "checkboxes" выделялся только тот что находится с ним рядом в массиве "cpu_url", а не все в массиве? Заранее благодарю за ответ! Вот кусок кода: var checkboxes = cpu.getElementsByClassName("choose_check");
var cpu_url = cpu.getElementsByClassName("choose_check_url");
var checkboxesChecked = [];
var cc_cpu_url = [];
for (var index = 0; index < checkboxes.length; index++) {
if (checkboxes[index].checked) {
checkboxesChecked.push(slovo_cpu + modal_all + checkboxes[index].value + "<br />"); // положим в массив выбранный
}
for (var index_cpu_url = 0; index_cpu_url < cpu_url.length; index_cpu_url++) {
if (checkboxes[index].checked) {
cpu_url[index_cpu_url].checked = true;
}
if (cpu_url[index_cpu_url].checked) {
cc_cpu_url.push(cpu_url[index_cpu_url].value); // положим в массив выбранный
}
}
}
document.getElementById('cpu').innerHTML = checkboxesChecked.join(' '); //рабочий вариант
document.querySelector('iframe[class="frame-prod-cpu"]').setAttribute('src', cc_cpu_url);
код php массива :
echo '<td class="cell_choose_check" id="cell_cc_id_'.$i.'">';
echo '<label><input class="choose_check" id="cc_'.$i.'" name="check[]" type="checkbox"
value=" '.$product['child']['product_sku'].' '.$product['child']['product_name'].' '.$product['prices']['basePrice'].'
'.$currency->getSymbol().'
"
onchange="getCheckedCheckBoxes()">';
echo '<input class="choose_check_url" id="cc_url_'.$i.'" name="check[]" value="'.$view_produt_detal.'" type="checkbox"></label>';
echo '</td>';
Задача, при событии onchange получить значение value 1-го чек-бокса и передать в определенное место в html документе. При клике поставить checked во 2-й чек-бокс, для передачи ссылки в блок iframe. При ручном клике на оба чек-бокса все работает, при коде что выше работает только выделение всех 2-х чек-боксов и передача последней ччылки из массива. Я пытаюсь сделать так, что бы при клике на 1-й чек-бокс 2-й тоже бы выделялся. |
... подожду телепата или минимального макета с описанием
|
Цитата:
что именно нужно еще указть Заранее благодарю |
angel026,
не понимаю что вы хотите сделать, возможно кто-то другой вам поможет. |
Цитата:
https://makcon.ru/catalog/create-pc нажмите на Иконку выбора процессоров, Вы увидите таблицу, в конце строки два чек бокса |
angel026,
насколько я вас понял ... <!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {
[].forEach.call(document.querySelectorAll('.choose_check'), function(item) {
item.addEventListener('change', function() {
var parent = item.parentNode;
var url = parent.querySelector('.choose_check_url')
url.checked = item.checked
});
});
});
</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>
|
Спасибо работает )))
Только немного иначе желаемого результата. Если вставить Вашу функцию в файл JS документа где работает функция "getCheckedCheckBoxes()" то ничего не происходит, а если вставить в корень php документа, все работает. Придется дальше "копать" ((( Вам огромное СПАСИБО за помощь! |
angel026,
я не использовал getCheckedCheckBoxes, и не знаю зачем она у вас. |
Цитата:
|
angel026,
ок, всё что мог выше :) |
| Часовой пояс GMT +3, время: 03:39. |