[jquery] jquery를 사용하여 입력 유형을 얻는 방법은 무엇입니까?

이 답변의 인기와 속성 및 속성에 관한 버전 1.9 (및 2.0)의 jQuery 변경으로 인해 입력에 대한 속성 / 속성에 액세스 할 때의 작동 방식을 확인하기 위해 메모와 바이올린을 추가했습니다. 버튼과 일부 선택. 여기에 바이올린 : http://jsfiddle.net/pVBU8/1/

모든 입력을 얻으십시오 :

var allInputs = $(":input");

모든 입력 유형을 얻으십시오.

allInputs.attr('type');

값을 얻으십시오 :

allInputs.val();

참고 : .val ()은 관련이있는 유형에 대해 : checked와 동일하지 않습니다. 사용하다:

.attr("checked");

편집 : 2013 년 2 월 1 일-re : jQuery 1.9 attr ()이 아닌 prop ()을 사용하십시오 .attr은 변경된 속성에 적절한 값을 반환하지 않기 때문입니다.

.prop('checked');

또는 단순히

$(this).checked;

수표의 가치를 얻으려면-현재 수표가 무엇이든간에. 또는“: checked ”를 사용하여 확인 된 항목 만 원하는 경우에만 사용하십시오.

편집 : 다음은 유형을 얻는 또 다른 방법입니다.

var allCheckboxes=$('[type=checkbox]');

EDIT2 : 다음의 형식에 유의하십시오.

$('input:radio');

이상하다

$(':radio');

둘 다와 동일합니다.

$('input[type=radio]');

그러나 “입력”이 바람직하므로 입력 만 가져오고 다음과 같은 형식을 $(':radio')사용할 때 범용 ‘*’를 사용하지 않습니다.$('*:radio');

편집 2015 년 8 월 19 일 : $('input[type=radio]');최신 브라우저가 라디오 입력 검색을 최적화 할 수 있도록 선호 사항을 사용해야합니다.

의견 수정 2013 년 2 월 1 일 다시 : 요소 @dariomac 선택

$('select').prop("type");

“multiple”속성에 따라 “select-one”또는 “select-multiple”을 반환합니다.

$('select')[0].type 

첫 번째 선택 (있는 경우)에 대해 동일을 반환합니다. 과

($('select')[0]?$('select')[0].type:"howdy") 

존재하는 경우 유형을 반환하거나 존재하지 않는 경우 “howdy”를 반환합니다.

 $('select').prop('type');

DOM에서 첫 번째 속성이 존재하는 경우 속성을 반환하거나 존재하지 않는 경우 “정의되지 않음”

$('select').type

존재하는 경우 첫 번째 유형이 있거나 존재하지 않는 경우 오류를 리턴합니다.

답변

var inputType = $('#inputid').attr('type');

var $inputs = $('form').find(':checked,:selected,:text,textarea').filter(function() {
    return $.trim( this.value ) != '';
});

var array = $inputs.map(function(){
    return this.value;
}).get();

var serialized = $inputs.serialize();

GetValue = function(id) {
  var tag = this.tagName;
  var type = this.attr("type");

  if (tag == "input" && (type == "checkbox" || type == "radio"))
    return this.is(":checked");

  return this.val();
};

$("#yourobj").attr('type');

$('select, [size]).each(function(){
  var selectedItem = $('select, [select]', this).first();
});

var val = $('input:checkbox:checked, input:radio:checked, \
   select option:selected, textarea, input:text',
   $('#container')).val();