Как получить Thymeleaf attr в jquery

@Huge · Регистрация: 26.01.2016

Студворк — интернет-сервис помощи студентам

добрый день есть такая строчка кода:

HTML5
1
2
3
4
5
6
7
8
9
  
<input type="submit" style="width: 60px" onclick="editInfo()" class="searchMenu" value="Edit"/>
<table  width="99%" border="0">
    <tr>
        <td >
            <div th:each="curtain : ${allThatWeCanSearch}">
                <div class="pic" id="mainDiv">
 
                     <input type="checkbox" class="selectFindCurtains" th:attr="id=${curtain.id}, part=${curtain.photo}" />

Как получить значение атрибута checkbox:checked нажатии на кнопку Edit?

Пытался таким образом:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function editInfoCurtain() {
 
      var selectedForEdit = $('#mainDiv input:checked');
 
    if (selectedForEdit.length>1) {
        alert("You selected more one model")
    }else if (selectedForEdit.length==0) {
        alert("You don't selected anyone model")
    } else if(selectedForEdit.length==1) {
        selectedForEdit.each(function(e){
            var id = selectedForEdit[0].id;
            var part = selectedForEdit[0].part;
 
        })

id выдает part нет

@msheal · 22.11.2017, 01:47

Типа такого нужно?

@Huge · 22.11.2017, 13:28 **[ТС]**

У меня прилетает такой вид как на картинке:

вот весь код HTML:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<body class="background">
<div th:replace="headerMain :: header"></div>
<!--ADD, EDIT, DELETE-->
<div class="admin">
    <p align="right" sec:authorize="hasAuthority('admin')">
        <input type="submit"  style="width: 60px" name="addOffer" id="addOffer"
               onclick="addOffer()"  class="searchMenu" value="Акция"/>
        <input type="submit"  style="width: 60px" name="addWhisky" id="addWhisky"
               onclick="addNewCurtain()" class="searchMenu" value="Add"/>
        <input type="submit" style="width: 60px" onclick="editInfoCurtain()"
               name="EditWhisky" id="EditYacht" class="searchMenu" value="Edit"/>
 
        <input type="submit" style="width: 60px"  onclick="deleteSelectedElementsCurtain()"
               name="DeleteYacht" id="DeleteYacht" class="searchMenu" value="Delete"/>
    </p>
</div>
<!--********************Scrolling****************************-->
<a class="scrollUp" href="#" ></a>
<!--*******************************TABLE ALL MODELS********************************************-->
<table  width="99%" border="0">
    <tr>
        <td >
            <div th:each="curtain : ${allThatWeCanSearch}">
                <div class="pic" id="mainDiv">
                    <div align="center"  sec:authorize="hasAuthority('admin')">
                        &nbsp; <span  th:text="${curtain.quantity}">quantity</span>м.
 
                        <input type="checkbox" class="selectFindCurtains" th:attr="id=${curtain.id}, part=${curtain.photo}" style="background-color: #0f0f0f"/>
                        <input type="hidden" th:value="${curtain.photo}" name="imageName"/>
                        <br/>
                        <span class="priceSSS" th:text="${curtain.price}"/>грн.
                    </div>
                    
                    <div class="pageSelected">
                        
                        <a name="selectPage" th:href="@{~/buySelectedFromSearch(id=${curtain.id}, part=${curtain.photo})}" style="text-decoration: none" >
                        <img th:attr="src=${curtain.photo}" id="imagePath"  width="220" height="280"/>
                        
                            <div align="center" >
                            <b><span th:text="${curtain.name}">Name</span></b>
                            </div>
                            <div align="center" style="font-family: 'Times New Roman'; color: black; font-size: small">
                                <b> &nbsp; <span  th:text="${curtain.price}">Price</span></b>грн.
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>
</body>

При поиске в <div class="pageSelected"> может прилететь куча картинок, которые будут иметь одни и те же id, name, class
Для клиента это все равно он ищет то, что его интересует, а для админа поиск это быстрое нахождение товара для редактирования\удаления\участия в акции, он при помощи checkbox выбирает нужный товар и жмет нужную кнопку из списка: 
Поэтому при нажатии на кнопку мне нужно получить значение photo u id. photo будет разбираться путь для определения в какой таблице из БД искать(их 27) товар, ну а id для работы с выбранным товаром.
И если id получаю из выше написанного кода, то фото ну никак не могу. Даже закинул и фото и id в th:attr="id=${curtain.id}, part=${curtain.photo}" checkbox(a) но все равно там получаю только id.

@Huge · 23.11.2017, 13:01 **[ТС]**

вот последняя попытка:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function editInfoCurtain() {
 
    var selectedForEdit = $('#mainDiv input:checked');
 
    if (selectedForEdit.length>1) {
        alert("You selected more one model")
    }else if (selectedForEdit.length==0) {
        alert("You don't selected anyone model")
    } else if(selectedForEdit.length==1) {
        selectedForEdit.each(function(e){
            var k = $(this).find('input[type=checkbox][class=selectFindCurtains]').val();
            //var id = selectedForEdit[0].id;
            //var part = selectedForEdit[0].part;
 
        })
        }

Но как обычно значение не найденно

Добавлено через 23 часа 20 минут
новая попытка где ошибка?

JavaScript
1
2
3
if($('#mainDiv input[class=selectFindCurtains]').prop('checked') == true) {
            var k = $(this).find('input[name=imageName]').val();
            var ch = $(this).find('input[class=selectFindCurtains]').val();

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	22.11.2017, 01:47
	Типа такого нужно? 0