Показать сообщение отдельно
  #1 (permalink)  
Старый 17.12.2021, 15:42
Аспирант
Отправить личное сообщение для BorisJe Посмотреть профиль Найти все сообщения от BorisJe
 
Регистрация: 03.12.2021
Сообщений: 66

Заблокировать элемент button JQuery
Всем привет. По клику на кнопку все остальные кнопки в таблице button[name="Product"] должны быть заблокированы.

$(document).ready(function () {
        $('#changeBack').click(function () {
            $.ajax({
                type: 'GET',
                url: '/user/GetChange',
                success: function (result) {
                    var count = 0;
                    //var s = 'Id: ' + result.id;
                    var s = 'Спасибо за покупкку';
                    s += '<table class="table">' + '<tr><td>Ваша сдача: <td><tr>';

                    $.each(result.$values, function (index, value) {
                        s += '<tr style="border-bottom: 1px solid #000;"><td> Количество монет: ' + value.quantity + ' монет по ' + value.id + '<td><tr>';
                        count++;
                    });
                    s + '</table>';
                    $('#result3').html(s);

                    var summ = $('#total').val(0);
                    //test
                    document.querySelectorAll('.table td.price')
                        .forEach(td => {
                            const price = parseFloat(td.dataset.price);
                            const bt = td.closest('tr').querySelector('button[name="Product"]');
                            bt.disabled = false;
                        });
                    $('.table td').each(function() {
                        console.log($(this).html());
                        
                    });
                    //test
                    console.log(summ);
                }
            });
        });
    });


Вот Мой Js.

Кнопки создаются так:

@foreach (var item in Model)
                    {
                        pirce = item.Quantity > 0 ? "price" : "priceOutOfStock";
                        <tr id=pirceTr>
                            <input type="hidden" name="id" value=@item.Id />
                            @*<td><input asp-for="@item.Name" value="@item.Id" name="Product" type="radio" disabled="true"></td>*@
                            <br />
                            <td>@item.Name</td>
                            <td class=@pirce data-price=@item.Price name="price" id="price" value=@item.Price>@item.Price</td>
                            <td style="width: 10%">
                                <button name="Product" type="submit" value="@item.Id" disabled="true"><img class="center" srcset="~/images/@item.TitleImagePath" src="@Url.Action("Purchase", "User", new {item.Id})" style="width: 128px; height: 96px; vertical-align: bottom"></button>
                            </td>
                            <td>@item.Description</td>
                            <td id="quantity" class="quantity" data-quantity=@item.Quantity name="quantity">@item.Quantity</td>
                        </tr>
                    }
                </table>
Ответить с цитированием