Dog Feet Developer/JavaScript

[JavaScript/JQuery] Input checkbox 컨트롤

티엔느 2020. 5. 18. 15:14
반응형

★[JavaScript]  getElementById('아이디')는 getElementsByName(이름')이렇게 쓸수있음. 

 

-체크여부 
document.getElementById('아이디').checked // true / false 로 나온다.

 

-체크처리 
document.getElementById("아이디").checked = true; // 체크 처리 true / false

 

-체크된 값 가져오기 

document.getElementById('아이디').value

 

 


[JQuery]  ※ [id='아이디']는[name='이름'] 이렇게도 쓸수있음.

-체크여부 
$("input:checkbox[id='아이디']").prop("checked") // true / false
$("input:checkbox[id='아이디']").is(:checked) // true / false

-체크처리
$("input:checkbox[id='아이디']").prop("checked", true); // 체크 처리 true / false

-특정 인풋 체크처리 
$("input:checkbox[id='아이디']:checkbox[value='값']").prop('checked', true); //아이디의 값이 값인거 체크 처리 true / false

-체크된 값 가져오기
$("input:checkbox[id='아이디']:checked").val();


-체크된 값 배열 가져오기

var testArray = [];

$("input:checkbox[name='이름']:checked").each(function(){

  testArray.Push($(this).val());

});

반응형