본문 바로가기
Web Programing!/JQuery

[JQUERY] Input 모든 요소 가져오기

by 어설픈봉봉이 2011. 7. 12.
반응형
SMALL



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            var result = "";

            // 요소가 있는 만큼 반복하자.

            //alert($(':input').size());

            $(':input').each(function(index) {

                result += "태그명 : " + this.tagName // $(this).get(0).tagName

                    + ", type 속성명 : " + $(this).attr('type') + '\n';

            });

            alert(result);

        });

    </script>

</head>

<body>

    <input type="button" value="Input Button" /><br />

    <input type="text" /><br />

    <input type="password" /><br />

    <input type="checkbox" /><br />

    <input type="file" /><br />

    <input type="hidden" /><br />

    <input type="image" /><br />

    <input type="radio" /><br />

    <input type="reset" /><br />

    <input type="submit" /><br />

    <select><option>드롭다운리스트</option></select><br />

    <textarea>멀티라인텍스트박스</textarea><br />

    <button>버튼</button><br />

</body>

</html>

반응형