jquery를 사용하여 입력 유형을 가져오는 방법은 무엇입니까?
입력 유형이 항상 달라지는 페이지가 있는데, 입력 유형에 따라 값을 얻어야 합니다.그래서 라디오의 종류가 라디오라면 어떤 것이 선택되어 있는지, 확인란이면 어떤 것이 선택되어 있는지, 드롭다운이면 어떤 것이 선택되어 있는지, 텍스트/텍스트 영역인지 값을 알아야 합니다.
어떻게 해야 할지 생각나는 거 있어요?
2013년 2월 1일 편집.이 답변의 인기와 속성 및 속성에 대한 jQuery 버전 1.9(및 2.0)의 변경 사항으로 인해 입력, 버튼 및 일부 선택 항목의 속성/속성에 액세스할 때 어떻게 작동하는지 확인하기 위해 메모와 피들을 추가했습니다.여기 바이올린은 http://jsfiddle.net/pVBU8/1/ 입니다.
모든 입력 정보 가져오기:
var allInputs = $(":input");
모든 입력 유형 가져오기:
allInputs.attr('type');
값 가져오기:
allInputs.val();
참고: .val()은 해당 유형에 대해 선택한 것과 다릅니다.사용:
.attr("checked");
EDIT 2013년 2월 1일 - re: jQuery 1.9에서는 특성이 변경된 속성에 대한 속성 값을 반환하지 않으므로 prop() not atr()을 사용합니다.
.prop('checked');
아니면 간단히
$(this).checked;
수표의 가치를 얻기 위해 - 현재 무엇이든 간에.선택된 항목만 사용하려면 ': 선택됨'을 사용하십시오.
편집: 유형을 가져오는 다른 방법은 다음과 같습니다.
var allCheckboxes=$('[type=checkbox]');
EDIT2: 다음의 형식에 유의하십시오.
$('input:radio');
보다 더 선호되는
$(':radio');
둘 다 다음과 같습니다.
$('input[type=radio]');
" 력은입 " 원는 " 하것 " 이로 " 므입 " 를력 " 얻만 " 고다 " 지음 " * ' 다니 " 습않 " 일 때는 .$(':radio')다음과 같은 값으로 사용됩니다.$('*:radio');
8월 19일: 2015년 8월 19일 : 2015년 8월 19일.$('input[type=radio]');최신 브라우저가 무선 입력에 대한 검색을 최적화할 수 있도록 하는 것으로 사용해야 합니다.
2013년 2월 1일 댓글 편집: 요소 선택 @dariomac
$('select').prop("type");
"복수" 속성에 따라 "선택-하나" 또는 "선택-다중"을 반환합니다.
$('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');
검색을 시작하기에 가장 좋은 장소는 http://api.jquery.com/category/selectors/ 입니다.
이것은 당신에게 좋은 예를 제공할 것입니다.
궁극적으로 DOM의 요소 선택은 CSS 셀렉터를 사용하여 이루어집니다. 따라서 ID로 요소를 가져올 생각이라면 $('#elementId')를 사용하고, 모든 입력 태그를 사용하려면 $('input')를 사용하고, 마지막으로 확인란 유형의 모든 입력 태그를 사용하려면 $('input, [type=type])를 사용합니다.
참고: 원하는 대부분의 값이 속성에 있으므로 속성에 대한 CSS 선택기는 [attributeName=value]입니다.
목록 상자에 대한 위치로 드롭다운을 요청했다고 해서 다음을 시도해 보십시오.
$('select, [size]).each(function(){
var selectedItem = $('select, [select]', this).first();
});
코드는 메모리에서 가져온 것이므로 작은 오류에 대해 설명해 주십시오.
특성 기능이 더 이상 사용되지 않는 것 같습니다.
$(this).attr('TYPE')
undefined
$(this).prop('type')
"text"
var val = $('input:checkbox:checked, input:radio:checked, \
select option:selected, textarea, input:text',
$('#container')).val();
댓글:
텍스트 영역, 입력 필드, 선택 양식, 라디오 버튼 세트 또는 단일 확인란(확인란이 더 필요한 경우 내 코드를 업데이트해야 함) 중 하나의 양식 요소가 있다고 가정합니다.
문제의 요소가 ID를 가진 요소 내부에 있습니다.
container(페이지의 다른 요소와의 모호성을 제거하기 위해)그러면 코드가 처음 찾은 일치 요소의 값을 반환합니다.사용하고 있기 때문에
:checked그리고, 이것은 항상 당신이 찾는 것의 정확한 가치여야 합니다.
애플리케이션에서 두 개의 다른 요소가 동일한 ID(불량)를 가지게 되었습니다.한 요소는 div이고 다른 요소는 입력입니다.저는 제 의견을 요약하려고 노력하다가 중복된 ID를 깨닫는 데 시간이 걸렸습니다.# 앞에 원하는 요소 유형을 배치함으로써 입력 요소의 값을 파악하고 div를 폐기할 수 있었습니다.
$("input#_myelementid").val();
도움이 되길 바랍니다.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".show-pwd").click(function(){
alert();
var x = $("#myInput");
if (x[0].type === "password") {
x[0].type = "text";
} else {
x[0].type = "password";
}
});
});
</script>
</head>
<body>
<p>Click the radio button to toggle between password visibility:</p>Password:
<input type="password" value="FakePSW" id="myInput">
<br>
<br>
<input type="checkbox" class="show-pwd">Show Password</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script type="text/javascript" src="hs/jquery1.js"></script>
<title>Document</title>
</head>
<body>
<form>
<input type="text" class="tamil">
<input type="button" class="english">
</form>
<script>
$("input").addClass(function(index){
console.log($(this).attr('type'));
})
</script>
</body>
</html>
나는 라이트 폼 타입을 받았습니다.
jQuery를 사용하면 매우 간단합니다...선택한 요소가 입력 유형인지 확인하는 방법
$(".elementClass").is('input')
선택한 요소가 텍스트 영역 유형인지 확인하는 방법
$(".elementClass").is('textarea')
선택한 요소가 라디오 유형인지 확인하는 방법
$(".elementClass").is('input[type="radio"]')
선택한 요소가 확인란 유형인지 확인하려면
$(".elementClass").is('input[type="checkbox"]')
선택한 요소가 입력 유형 번호인지 확인하는 방법
$(".elementClass").is('input[type="number"]')
선택한 요소가 입력 유형 암호인지 확인하려면
$(".elementClass").is('input[type="password"]')
선택한 요소가 입력 유형 전자 메일인지 확인하는 방법
$(".elementClass").is('input[type="email"]')
.....
...
따라서 기본적으로 선택 및 유형을 변경하여 필요한 입력 유형을 결정할 수 있습니다.
언급URL : https://stackoverflow.com/questions/3165413/how-to-get-input-type-using-jquery
'programing' 카테고리의 다른 글
| 정의되지 않은 메트릭 경고: F-점수가 잘못 정의되었으며 예측된 샘플이 없는 레이블에서 0.0으로 설정되었습니다. (0) | 2023.07.26 |
|---|---|
| 활성화 가능 여부구성 요소가 없는 경로로 자식을 활성화할 수 있음 (0) | 2023.07.26 |
| @MockBeans 예제 사용 (0) | 2023.07.26 |
| ID에 대한 보기를 찾을 수 없는 Android 조각? (0) | 2023.07.26 |
| 어레이를 Json으로 변환 (0) | 2023.07.26 |