wrkbrs
[jQuery] Value() 값 가져오기, 설정하기 & 태그의 속성 선택 본문
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>폼 요소의 값 가져오기 및 설정</title>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript "></script>
<script type="text/javascript ">
$(document).ready(function () {
//val을 이용한 초기설정 잡기(좋다!)
$('#txtName').val("하이하이");
$('input:radio:').val(['F']);
$('#lstFavorites').val(['0','2']);
$('#btnOK').click(function () {
var msg = "";
//1 타겟 폼요소의 value속성을 가져온다. <>에러
msg += $('#txtName').val() + '\n';
//2 라디오버튼중 이름이 Gender이고 체크된 타겟의 value속성을 가져온다. <> undefined
msg += $('input:radio[name=Gender]:checked').val() + '\n';
//3 리스트박스에서 여러개 값 가져오기
msg += $('#lstFavorites').val().join(" | ") + '\n';
//
alert(msg);
});
});
</script>
</head>
<body>
텍스트박스 : <input type="text" id="txtName" /><br />
라디오버튼 :
<input type="radio" id="optGender1" name="Gender" value="M" />남
<input type="radio" id="optGender2" name="Gender" value="F" />여<br />
드롭다운리스트 :
<select id="lstFavorites" multiple="multiple" size="3">
<option value="0">JavaS-ript </option>
<option value="1">jQuery</option>
<option value="2">JavaS-ript </option>
</select><br />
<input type="submit" value="확인" id="btnOK" />
</body>
</html>
출처 : http://egloos.zum.com/xxwony/v/82540
'jQuery' 카테고리의 다른 글
| [jQuery] .has() - 특정 요소를 가지고 있는 요소를 선택하는 메서드 (0) | 2019.01.10 |
|---|---|
| [jQuery] 메소드 정리 (0) | 2019.01.10 |
| [jQuery] 속성, 내용, 스타일, 데이터 조회 및 변경 (0) | 2019.01.10 |
| [jQuery] 사용자 속성 선택자로 접근하는 방법, 사용자 속성 선택자 ( <img data-picnum="1"... ) (0) | 2019.01.10 |
| [jQuery] .attr() / .prop() - 속성값을 가져오거나 추가하는 메서드 (0) | 2019.01.10 |