[Jquery] 값 설정하는 val()

2022. 8. 29. 17:07JavaScript

.val() 값을 가져오거나 원하는 값으로 설정하는 메서드이다.

.val() 값 가져오기

$(’ 타깃 요소’).val();

.val() 값 설정하기

$(’타겟 요소’).val(’설정값’);

텍스트를 입력한 후 버튼을 클릭하면, 해당 값을 출력

<div class="card">
    <p class="title">value</p>
    <p>버튼을 클릭하면 입력한 값 출력</p>
    <p>
		<input type="text" id="input"><button id="inputBtn" class="inputBtn">클릭</button>
    </p>
</div>
$('button#inputBtn').click(function (){
    const val = $('input#input').val();
    alert(val);
})