Форум

ksa · #21 (**permalink**) 08.12.2021, 11:52

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

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

Именно "следить" не нужно.

Просто прочитать это значение. Я, в том примере, сделал это так

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

BorisJe · #22 (**permalink**) 08.12.2021, 11:53

$(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');
            });
        });
    });

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

BorisJe · #23 (**permalink**) 08.12.2021, 12:02

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

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

BorisJe · #24 (**permalink**) 08.12.2021, 12:17

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

BorisJe, пока я тебе делал пример на нативном JS, ты уже в жиКвери ускакал...

Ты уже определяйся на чем будешь работать дальше.

<!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>

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

BorisJe · #25 (**permalink**) 08.12.2021, 12:24

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

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

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

ksa · #26 (**permalink**) 08.12.2021, 12:27

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

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

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

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

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

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

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

ksa · #27 (**permalink**) 08.12.2021, 12:28

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

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

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

ksa · #28 (**permalink**) 08.12.2021, 12:29

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

document.querySelectorAll('price')

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

ksa · #29 (**permalink**) 08.12.2021, 12:31

BorisJe, ты методом тыка задачку свою не решишь.

А вот наговнокодишь знатно!

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

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

BorisJe · #30 (**permalink**) 08.12.2021, 12:58

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

BorisJe, ты методом тыка задачку свою не решишь.

А вот наговнокодишь знатно!

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

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

Так смотри, почти решена

Тут нужна помощь или совет.

$(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> цветом покрасить каким нибудь

Форум

Справочник

Discord чат

Курсы javascript