Javascript-форум - Проверка внесенной суммы на доступность к покупке

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Проверка внесенной суммы на доступность к покупке (https://javascript.ru/forum/dom-window/83437-proverka-vnesennojj-summy-na-dostupnost-k-pokupke.html)

Цитата:

Сообщение от BorisJe

А как Мне теперь отследить что находиться в поле тотал?

Именно "следить" не нужно. :nono:
Просто прочитать это значение. Я, в том примере, сделал это так

const o = $('.total')
...
+o.val()

$(document).ready(function () {
        $(_ => {
            const o = $('.total');
            o.on('input', e => {
                var nameTotal = document.getElementsByName('total');
                alert('changedTotal');
                [B]alert(document.querySelector("input[name='total']").value);[/B]
            });
            $('button').on('click',e => {
            /*    o.val(+o.val() + 10);*/
                o.trigger('input');
            });
        });
    });

А что если вот так? По чуть чуть у нас получается вроде раскрутить эту на первый взгляд невыполнимую задачу

var nameTotal = document.getElementsByName('total');
                var nameTotalValue = document.querySelector("input[name='total']").value;
                alert('changedTotal');
                alert(nameTotalValue);

А вот так аллерт не работает, вообще никакой

Цитата:

Сообщение от ksa (Сообщение 542246)

BorisJe, пока я тебе делал пример на нативном JS, ты уже в жиКвери ускакал... :D
Ты уже определяйся на чем будешь работать дальше. ;)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
-->
<style>
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
	document.querySelectorAll('button').forEach(_ => {
		_.addEventListener('click', e => {
		alert(`Форма: ${e.target.parentNode.name}, инпут: ${e.target.name}`)
		})
	})
})
</script>
</head>
<body>
<form name='frm-1'>
	<button name='btn-1-1'>Item 1 1</button>
	<button name='btn-1-2'>Item 1 2</button>
</form>
<form name='frm-2'>
	<button name='btn-2-1'>Item 2 1</button>
	<button name='btn-2-2'>Item 2 2</button>
</form>
</body>
</html>

Я плохо знаю что одну что вторую технологию, по этому что нашел в интеренете подделал немного. И кажись получается каша. Как в меме, собрал код со стака, гитхаба, ответы мэйл :lol:

const elementsPrice = document.querySelectorAll('price');
                for (var i = 0; i < elementsPrice.length; i++) {
                    alert('elementsPrice[i]');
                }

цикл не работает, может подсказать что не так?

<td id="price">@item.Price</td>

Цитата:

Сообщение от BorisJe

А что если вот так?

Так вовсе каша какая-то... :-E

Цитата:

Сообщение от BorisJe

Я плохо знаю что одну что вторую технологию, по этому что нашел в интеренете подделал немного.

Это тупиковое "направление". :nono:

Нативный JS сейчас довольно удобный и возможностей ему добавили. Т.ч. можно пользоваться только им.
Так и ресурсы меньше съешь. Они ведь у тебя ограничены наверное?

Цитата:

Сообщение от BorisJe

цикл не работает, может подсказать что не так?

ИД на странице должен быть уникальным. :nono:

Цитата:

Сообщение от BorisJe

document.querySelectorAll('price')

Это вообще селектор тега...
А тега price у тебя нет. :no:

BorisJe, ты методом тыка задачку свою не решишь. :no:
А вот наговнокодишь знатно! :D

Т.ч. начинай книжки по JS читать. Есть довольно хорошие серии книг:
- Для чайников
https://codernet.ru/books/js/javascr...v_kris_minnik/
- За 24 часа
https://www.litmir.me/bd/?b=276622&p=1

Там и страниц не так много (300-400)...

Цитата:

Сообщение от ksa (Сообщение 542255)

Так смотри, почти решена :lol:
Тут нужна помощь или совет.

$(document).ready(function () {
        $(_ => {
            const o = $('.total');
            o.on('input', e => {   
                const elementsPrice = document.querySelector('#price');
                //alert('changedTotal');
                //alert(nameTotalValue);
                var priceElem = document.querySelectorAll('#price');
                for (var i = 0; i < priceElem.length; i++) {
                    alert(priceElem[i].innerText);
                }
            });
            $('button').on('click',e => {
            /*    o.val(+o.val() + 10);*/
                o.trigger('input');
            });
        });
    });

в elementsPrice общая сумма, в цикле перебираю все элементы с id price. А это как раз наш клиент.
кажись раскрутили Мы это дело.
Как бы Мне теперь, заблокировать
<td><input asp-for="@item.Name" value="@item.Id" name="Product" type="radio" disabled="true"></td>
Надо Менять disabled true или false
и весь <tr> цветом покрасить каким нибудь