Notice
Recent Posts
Recent Comments
Link
SeouliteLab
jQuery를 사용한 특정 셀 내부의 제출 버튼 선택하기 본문
jQuery를 사용하면 웹 페이지에서 특정 셀 내부에 있는 제출 버튼을 쉽게 선택할 수 있습니다. 이는 특정 테이블 셀에 포함된 버튼을 조작해야 할 때 유용합니다. 아래 예제를 통해 jQuery를 사용하여 특정 셀 내부의 제출 버튼을 선택하는 방법을 알아보겠습니다.
예제 1: 특정 테이블 셀 내부의 제출 버튼 선택하기
$(document).ready(function() {
$("td :submit").click(function() {
alert("제출 버튼이 클릭되었습니다.");
});
});
이 예제는 모든 테이블 셀 안에 있는 제출 버튼을 선택하고, 클릭 이벤트가 발생하면 알림창으로 "제출 버튼이 클릭되었습니다." 메시지를 표시합니다.
예제 2: 특정 테이블 셀 내부의 제출 버튼에 스타일 적용하기
$(document).ready(function() {
$("td :submit").css("background-color", "lightblue");
});
이 예제는 모든 테이블 셀 안에 있는 제출 버튼의 배경색을 연한 파란색으로 변경합니다.
예제 3: 특정 테이블 셀 내부의 제출 버튼 비활성화하기
$(document).ready(function() {
$("td :submit").prop("disabled", true);
});
이 예제는 모든 테이블 셀 안에 있는 제출 버튼을 비활성화합니다.
'프로그래밍' 카테고리의 다른 글
jQuery를 사용한 표시된(div:visible) 요소 선택하기 (0) | 2024.04.15 |
---|---|
jQuery를 사용한 텍스트 입력 필드 선택하기 (0) | 2024.04.15 |
jQuery를 사용한 선택된 옵션 가져오기 (0) | 2024.04.15 |
jQuery를 사용한 :root 선택자 활용하기 (0) | 2024.04.15 |
jQuery를 사용한 리셋 버튼 다루기 (0) | 2024.04.15 |