[jQuery] 엘리먼트 요소 값 가져오기 함수

2014. 3. 3. 11:24IT

jQuery로 개발을 하다보면 각 엘리먼트 요소들의 Value값을 가져와서 참조하는 경우가 생기게 된다.

하지만 매 번 $("#Sample").val() 을 이용하면 시간과 생산성이 많이 떨이지게 마련이다.

그래서 아래와 같은 소스코드를 이용하여 쉽게 데이터를 가져올 수 있다. 

※ 사용법 : getValue("요소 아이디값");


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function getValue(id) {
    if ($("#" + id).attr("type") == "radio" || $("#" + id).attr("type") == "checkbox") {
        if (id.indexOf(" ") != -1) {
            var val = $(":input:" + $("#" + id).attr("type") + ":[id=" + id.split(" ")[1].replace("#", "") + "]:checked").val();
        }
        else
            {
            var val = $(":input:" + $("#" + id).attr("type") + ":[id=" + id + "]:checked").val();
        }
    }
    else {
        var val = $("#" + id).val();   
    }
    if (!val) {
        val = "";
    }
    return escape(val.replace(/^\s+|\s+$/g, ""));
}