Notice
Recent Posts
Recent Comments
Archives
Today
Total
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Link
Tags more
관리 메뉴

드럼치는 프로그래머

[jQuery] Jquery Value() 값 가져오기, 설정하기 본문

★─Programing/☆─WebProgram

[jQuery] Jquery Value() 값 가져오기, 설정하기

드럼치는한동이 2016. 6. 3. 13:10

<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

저작자표시 비영리 동일조건

'★─Programing > ☆─WebProgram' 카테고리의 다른 글

[HTML] 파일첨부시 특정 파일확장자만 선택하게 하기  (1) 2016.06.07
[AJAX] jquery 를 이용한 ajax 에서 바디에 json 데이터 처리 하기  (0) 2016.06.07
[XML] XML 치환을 위한 특수문자 HTML Codes  (0) 2016.06.01
[MyBatis] 동적 쿼리 (if, choose)  (0) 2016.05.31
[JSP] Javascript 를 이용한 select box 구현  (0) 2016.05.31
'★─Programing/☆─WebProgram' Related Articles more
Comments