728x90
반응형
728x90
제이쿼리 name으로 값 가져오기
- name 속성은 주로 폼 요소에서 사용됩니다. 같은 이름을 가진 여러 요소를 그룹화할 때 유용합니다.
사용 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
// 버튼 클릭 시 선택된 라디오 버튼의 값을 가져옴
$('#getSelectedBtn').click(function() {
const selectedValue = $('input[name="gender"]:checked').val(); // 선택된 항목
console.log(selectedValue); // 선택된 값 출력 (Male 또는 Female)
});
});
</script>
</head>
<body>
<input type="radio" name="gender" value="Male" checked> Male
<input type="radio" name="gender" value="Female"> Female
<button id="getSelectedBtn">Get Selected Value</button>
</body>
</html>- $('input[name="gender"]'): name="gender"인 요소 선택.
- :checked: 선택된 상태인 요소 필터링.
- .val(): 선택된 요소의 값을 가져옴.
728x90
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jquery] 라디오 버튼 체크 여부 확인 (88) | 2024.12.17 |
|---|---|
| [jquery] 제이쿼리를 사용하여 class로 값 가져오기 (44) | 2024.12.09 |
| [jquery] 제이쿼리를 사용하여 id 값 가져오기 (71) | 2024.12.08 |
| [jquery] 동적 요소 이벤트 바인딩 처리 (78) | 2024.12.02 |
| [jquery] click() 메서드와 on("click") 메서드의 차이 (63) | 2024.12.02 |