Вывод radio checked при перезагрузке страницы
Всем привет! Вопрос знатокам на засыпку. Есть такой код:
<input type="radio" name="nameRadio" value="300" checked> Наш курьер (Стоимость доставки 300 руб) <input type="radio" name="nameRadio" value="0">Самовывоз Как можно обработать этот код, чтобы при загрузке или перезагрузке страницы выбранный checked сразу передавался в id и появлялся в данном коде? : <output id="rezultatRadio"></output> Да, вот обработчик, который передаёт результат в rezultatRadio: window.onclick = function onclickRadio() { var nameRadio = document.getElementsByName('nameRadio'); for (var i = 0; i < nameRadio.length; i++) { if (nameRadio[i].type === 'radio' && nameRadio[i].checked) { rezultatRadio = nameRadio[i].value; } } document.getElementById('rezultatRadio').innerHTML = rezultatRadio; } Сейчас при перезагрузке страницы rezultatRadio ничего не выводит Для того, чтобы вывелось значение checked - нужно нажать на кнопку radio или на любое поле формы.... Заранее благодарен!!! |
arhat78,
window.onclick = window.onload = function onclickRadio() |
рони, благодарю - это получилось!:thanks: Но в следствии возник новый вопрос. Дальше этот id=resultatRadio должен передаваться в id=product-price в этом коде:
document.getElementById('product-price').innerHTML = parseInt (rezultatRadio) + parseInt (totalPrice); А totalPrice берётся отсюда: window.onclick = function(){ totalPrice = "<?=$_SESSION['total_price']?>"; } но с новыми изменениями в него ничего не передаётся. Вот весь код: window.onclick = function(){ totalPrice = "<?=$_SESSION['total_price']?>"; } window.onclick = window.onload = function onclickRadio() { var nameRadio = document.getElementsByName('nameRadio'); for (var i = 0; i < nameRadio.length; i++) { if (nameRadio[i].type === 'radio' && nameRadio[i].checked) { rezultatRadio = nameRadio[i].value; } } document.getElementById('rezultatRadio').innerHTML = rezultatRadio; document.getElementById('product-price').innerHTML = parseInt (rezultatRadio) + parseInt (totalPrice); А здесь должен общий результат выводиться: <span id="product-price"></span> |
arhat78,
addeventlistener |
рони, пока применение этого не понял, но постараюсь внимательней изучить...
|
arhat78,
window.onclick перезапишет другой window.onclick читайте тамже Недостаток назначения через свойство |
рони, что то целый вечер читаю, очень интересно. И пробую, но вообще ничего не получается... Пробую так:
elem.onclick = function tP(){ totalPrice = "<?=$_SESSION['total_price']?>"; } elem.onclick = window.onload = function onclickRadio() { var nameRadio = document.getElementsByName('nameRadio'); for (var i = 0; i < nameRadio.length; i++) { if (nameRadio[i].type === 'radio' && nameRadio[i].checked) { rezultatRadio = nameRadio[i].value; } } document.getElementById('rezultatRadio').innerHTML = rezultatRadio; document.getElementById('product-price').innerHTML = parseInt (rezultatRadio) + parseInt (totalPrice); } elem.addEventListener("click", onclickRadio); elem.addEventListener("click", tP); |
Цитата:
|
Цитата:
|
arhat78,
elem неопределено и elem.onclick window.onload этого в коде не должно быть как заменить window.onload читайте тут https://learn.javascript.ru/onload-ondomcontentloaded |
рони, про замену window.onload не нашёл ни строчки......
|
arhat78,
готовность страницы там описана -- если нужна только структура документа -- можно использовать document.addEventListener("DOMContentLoaded", ваша_функция); вместо window.onload |
Цитата:
|
Цитата:
document.addEventListener("DOMContentLoaded", tP); document.addEventListener("DOMContentLoaded", onclickRadio); тогда выводит стоимость доставки и всё правильно суммирует, но..... при клике на кнопки доставки никаких изменений не происходит (я убрал window.onclick, так как с ними результаты не выводятся.......) |
Цитата:
|
arhat78,
document.addEventListener("click", onclickRadio); может сейчас этого не хватает? |
рони, DOMContentLoaded заменяю на click - теперь переключатели и вычисления работают, но пропадает вывод результатов при перезагрузке страницы.... нужно снова кликать на radio или пустое поле..... мистика!
|
рони, я тупанул не по детски! Вернулся домой, и пришла очередная мысль - просто нужно было добавить к предыдущим двум строчкам строчку с "click", и всё получилось! Благодарю, мастер своего дела! (плюсик поставил ещё вчера) :thanks:
рони, а вы случаем в php не такой же мастер? |
Цитата:
|
рони, а где можно задать вопрос, который остался один на данном этапе, и с ним одним борюсь уже полгода и всё впустую....? (здесь же яваскрипт обсуждается...)
|
arhat78,
Серверные языки и технологии |
рони, здесь задал свой вопрос:Вывод размера товара в корзине
|
Часовой пояс GMT +3, время: 08:08. |