Front-end

jQuery input값 가져오기 및 checkbox 체크여부 확인

luana_eun 2022. 3. 26. 16:36
728x90

input값을 가져올수 있는 방법은 아이디(id), 이름(name), 클래스(class)로 가져올 수 있다. 

자바스크립트로 가져오는 방법과 jQuery로 가져올 수 있는 방법 두가지를 썼다. 

// 1. id값
document.getElementById("aaa").value();
$("#aaa").val()

// 2. class 값
$(".aaa").val()
document.getElementsClassName("aaa")[0].value();
자바스크립트로 가져올때 배열 인덱스 값은 필수다!

// 3. name값
%("[name=aaa]").val()
%("input[name=aaa]").val()
document.getElementsByName("aaa")[0].value();

 

 

checkbox 체크여부 확인 

// 체크 여부 확인
if($("input:checkbox[name=이름]").is(":checked") == true)

// 전체 개수
$("input:checkbox[name=이름]").length

// 선택된 개수 확인
$("input:checkbox[name=이름]:checked").length
728x90