minsiks
70
2022-06-23 17:55:14
3
82

타임리프 버튼 이벤트


타임리프로 객체들을 뿌려줬는데 경우에따라 다수의 데이터들이 Html에 뽑아져 나오는데, deletebtn도 그 객체의 숫자 만큼 뽑혀서는 나오는데 alert 이벤트는 최 상단의 딜리트버튼 밖에 적용이 안되는데 나오는 버튼마다의 이벤트 적용이 가능 할 까요?

$('#deletebtn').click(function(){
		alert('이 상품을 장바구니에서 제외하겠습니까?');
	});
<tbody>
	<tr th:each="c:${clist}">
		<td><a class="table-cart-figure" href="checkout.html"><img th:src="'/assets/image/products/'+${c.pimg1}" alt="" width="146" height="132"></a><a class="table-cart-link" href="#" th:text="${c.pname}">Natural Mineral Stone</a></td>
		<td id="price" th:text="${c.pprice}">$125.00</td>
		<td text="${c.size}">280</td>
		<td>
			<div class="table-cart-stepper">
				<div class="stepper "><input th:id="count" class="form-input stepper-input" type="number" data-zeros="true" th:value="${c.count}" min="1" max="1000"><span class="stepper-arrow up"></span><span class="stepper-arrow down"></span></div>
			</div>
		</td>
		<td id="total">280</td>
                 <!-- 버튼 -->
		<td><a th:id ="deletebtn" type="button" class="btn btn-danger" hret="#" th:href="@{/cart/delete(id=${c.id})}">Delete</a></td>
	</tr>
	
</tbody>


0
  • 답변 3

  • quedevel
    81
    2022-06-23 18:05:46

    셀렉터를 id로 주셨네요 id는 유니크한 값이라 1개만 나옵니다. 클래스로 해보시졍

  • beginnerLee
    194
    2022-06-23 18:18:17

    윗 분 말씀처럼 id는 유니크 값입니다.

    개발자도구 - 콘솔 창 보시면 id 중복 경고메시지가 보이실겁니다.

  • minsiks
    70
    2022-06-25 12:21:35

    @beginnerLee 

    @quedevel  두분 모두 감사드립니다! 타임리프 반복문 때문인지 클래스도 하나밖에 인식을 안해서 name값으로 처리했습니다~!


  • 로그인을 하시면 답변을 등록할 수 있습니다.