[JavaScript / jQuery] input text 값 가져오기/설정하기

input 태그 생성

<input type="text" id="input의 id값" class="input의 class값" name="input의 name값" value="">
<input type="button" onclick="함수명()" value="버튼">

값 가져오기

function getinput() {
	// id 값으로 가져오기
	var id = $('#inputID').val();
	console.log(id); 
	
	// class 값으로 가져오기
	var inputclass = $('.inputCLASS').val();
	console.log(inputclass);
	
	// name 값으로 가져오기
	var inputname = $('input[name=inputNAME]').val();
	console.log(inputname);
}

값 설정하기

- attr : 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가

function setinput() {
	// id 값 설정
	$('#inputID').attr('value', "값 넣기");
    
    	// class 값 설정
	$('.inputCLASS').attr('value', "값 넣기");	
    
   	// name 값 설정
	$('input[name=inputNAME]').attr('value', "값 넣기"); 
}

- value( 값 )

function valinput() {
	// id 값 설정
	$('#inputID').val("원하는 값");

	// class 값 설정
	$('.inputCLASS').val("원하는 값");

	// name 값 설정
	$('input[name=inputNAME]').val("원하는 값");
}

 

 

 

---

 

https://jamesdreaming.tistory.com/206

jQuery 를 이용하여 id, class, name 의 input value 값 가져오기

 

https://truecode-95.tistory.com/37

[jQuery] input 태그안에 value 값넣기