Front/Jquery

라디오, 체크, 콤보 제어

밍꿔 2019. 3. 19. 17:18


반응형




1. 라디오박스 


1) 선택하기

  $('input:radio[name="name"][value="value"]').prop('checked', true);

   (jquery 1.6 이전 버전의 경우 prop -> attr)

2) 선택값 추출

  $('input:radio[name="name"]:checked').val();



2. 체크박스


1) 선택하기

  $("input:checkbox[id='id']").prop("checked", true); - ID

  $("input:checkbox[name='name']").prop("checked", false); - NAME 

2) 선택값 배열 추출

  var items = [];

  $('input:checkbox[type=checkbox]:checked').each(function () {

      items.push($(this).val());

  });

3) 체크여부 확인

  $("#id").is(":checked");



3. 콤보박스


1) 선택하기

  $('#id').val("value") - 값으로 선택

  $('#id option:eq(0)').prop("selected", true); - 순서로 선택

2) 선택값 추출

  $('#id option:selected').val(), $('#id').val() - 선택된 값

  $('#id option:selected').text() - 선택된 내용



반응형

'Front > Jquery' 카테고리의 다른 글

Multi Select Box (SumoSelect)  (0) 2020.07.28
특정 element 제외  (0) 2019.12.24
each 반복문  (0) 2019.12.19
function 내부에 있는 each반복문에서의 return false;  (0) 2019.11.19