자바스크립트 : js에서 radio checked 값 찾기

1 / 1

네, 간단한 방법으로는 document.querySelector() 함수를 사용하여 선택된 라디오 버튼의 값을 가져올 수 있습니다. 다음은 예시 코드입니다.

html
<!DOCTYPE html>
<html>
<head>
	<title>간단한 방법으로 선택된 라디오 버튼 값 찾기</title>
</head>
<body>
	<form id="myForm">
		<label>성별:</label>
		<div>
			<label><input type="radio" name="gender" value="male">남성</label>
			<label><input type="radio" name="gender" value="female">여성</label>
			<label><input type="radio" name="gender" value="other">기타</label>
		</div>
		<button type="button" onclick="getValue()">선택된 값 찾기</button>
	</form>
	<script>
		function getValue() {
			var selectedValue = document.querySelector('input[name="gender"]:checked').value;
			console.log(selectedValue);
		}
	</script>
</body>
</html>

위 코드에서는 document.querySelector() 함수를 사용하여 input 태그의 name 속성이 gender이고, checked 속성이 true인 요소를 선택하고 있습니다. 선택된 요소의 value 속성을 가져와 selectedValue 변수에 저장하고 있습니다.

마지막으로, console.log() 함수를 사용하여 선택된 값을 콘솔에 출력하고 있습니다. 이렇게 하면 선택된 값을 간단하게 확인할 수 있습니다.

비구조화 할당(destructuring)으로 함수로 매개변수 전달하는 예시좀

비구조화 할당(destructuring) 예시좀

js 에서 화살표 함수의 암시적 반환 예시좀

node_modules\react-native-cli\index.js:302 cli.init(root, projectName); 이건 무슨 에러야?

jquery option에서 텍스트 가져오기

react-dom.development.js:86 Warning: Invalid DOM property `for`. Did you mean `htmlFor`?

javascript 폼안에 모든 폼요소의 이름 찾기

현재 Optinal Changing Operator 언어별 예시좀

value: this.props.winners?.currentRound ?? '', 이건 물음표가 두개야?

?, ?? 둘이 효과적인 경우 예시좀

?? 예시좀