blocks|key|994400|text|您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994401|var+inputType+=+$('#inputid').attr('type');|code-block|syntax|javascript|994402|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You could do the following:

<pre><code>var inputType = $('#inputid').attr('type');
</code></pre>

blocks|key|994424|text|$("#yourobj").attr('type');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|994425|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("#yourobj").attr('type');
</code></pre>

blocks|key|994433|text|GetValue+=+function(id)+{
++var+tag+=+this.tagName;
++var+type+=+this.attr("type");

++if+(tag+==+"input"+&&+(type+==+"checkbox"+%7C%7C+type+==+"radio"))
++++return+this.is(":checked");

++return+this.val();
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|994434|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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

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

 return this.val();
};
</code></pre>

blocks|key|994530|text|最好的入门位置是http://api.jquery.com/category/selectors/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|994531|这将为您提供一组很好的示例。|994532|最终，在DOM中选择元素是使用CSS选择器实现的，所以如果你想通过id获取元素，你会想要使用$('#elementId')，如果你想要所有的输入标签都使用$('+input+')，最后我想你会想要的部分如果你想要所有带有复选框类型的输入标签都使用$('+input，type=checkbox)|994533|注意:你会发现你想要的大多数值都在属性上，所以属性的css选择器是:+attributeName=value|994534|仅仅因为您请求的下拉列表与列表框相同，请尝试以下操作：|994535|$('select,+[size]).each(function(){
++var+selectedItem+=+$('select,+[select]',+this).first();
});|code-block|syntax|javascript|994536|代码是从内存中获取的，因此请说明一些小错误|994537|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/^0|8|15|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|16|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|17|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|18|8|@]|9|@]|C|$O|P]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

The best place to start looking is <a href="http://api.jquery.com/category/selectors/" rel="nofollow noreferrer"><a href="http://api.jquery.com/category/selectors/" rel="nofollow noreferrer">http://api.jquery.com/category/selectors/</a></a>

This will give you a good set of examples.

Ultamatly the selecting of elements in the DOM is achived using CSS selectors so if you think about getting an element by id you will want to use $('#elementId'), if you want all the input tags use $('input') and finaly the part i think you'll want if you want all input tags with a type of checkbox use $('input, [type=checkbox])

Note: You'll find most of the values you want are on attributes so the css selector for attributes is: [attributeName=value]

Just because you asked for the dropdown as aposed to a listbox try the following:

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

The code was from memory so please accound for small errors

blocks|key|1208887|text|似乎attr功能正在进一步被弃用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1208888|$(this).attr('TYPE')
undefined
$(this).prop('type')
"text"|code-block|syntax|javascript|1208889|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It would seem that the attr functionality is getting further deprecated

<pre><code>$(this).attr('TYPE')
undefined
$(this).prop('type')
"text"
</code></pre>

blocks|key|994624|text|在我的应用程序中，我最终得到了两个具有相同id的不同元素(不好)。一个元素是div，另一个是input。我试图总结我的输入，花了一段时间才意识到重复的I。通过将我想要的元素类型放在#前面，我能够获取输入元素的值并丢弃div：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994625|$("input#_myelementid").val();|code-block|syntax|javascript|994626|我希望它能帮上忙。|994627|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In my application I ended up with two different elements having the same id (bad). One element was a div and the other an input. I was trying to sum up my inputs and took me a while to realise the duplicate ids. 
By placing the type of the element I wanted in front of #, I was able to grab the value of the input element and discard the div:

<pre><code>$("input#_myelementid").val();
</code></pre>

I hope it helps.

blocks|key|1208967|text|<!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>
++++Click+the+radio+button+to+toggle+between+password+visibility:Password:
++++<input+type="password"+value="FakePSW"+id="myInput">
++++ 
++++ 
++++<input+type="checkbox"+class="show-pwd">Show+Password</body>

</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1208968|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
 &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script&gt;
 $(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";
 }
 });
 });
 &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
 &lt;p&gt;Click the radio button to toggle between password visibility:&lt;/p&gt;Password:
 &lt;input type="password" value="FakePSW" id="myInput"&gt;
 &lt;br&gt;
 &lt;br&gt;
 &lt;input type="checkbox" class="show-pwd"&gt;Show Password&lt;/body&gt;

&lt;/html&gt;
</code></pre>

blocks|key|994682|text|使用jQuery非常简单...检查所选元素是否为输入类型|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994683|$(".elementClass").is('input')|code-block|syntax|javascript|994684|检查所选元素是否为文本区域的类型|994685|$(".elementClass").is('textarea')|994686|检查所选元素是否为单选类型|994687|$(".elementClass").is('input[type="radio"]')|994688|检查所选元素是否为复选框类型|994689|$(".elementClass").is('input[type="checkbox"]')|994690|检查所选元素是否为输入类型编号的类型|994691|$(".elementClass").is('input[type="number"]')|994692|检查所选元素是否为输入类型密码的类型|994693|$(".elementClass").is('input[type="password"]')|994694|检查所选元素是否为输入类型电子邮件|994695|$(".elementClass").is('input[type="email"]')|994696|.|994697|..。|994698|因此，基本上您可以更改选择和类型来确定所需的输入类型|994699|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1J|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1K|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|1L|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1N|8|@]|9|@]|A|$E|F]]|$1|10|3|11|5|6|7|1O|8|@]|9|@]|A|$]]|$1|12|3|13|5|D|7|1P|8|@]|9|@]|A|$E|F]]|$1|14|3|15|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|1R|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|1S|8|@]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|1B|$]]

Very Simple using jQuery...
To check that selected element is type of input
<pre><code>$(&quot;.elementClass&quot;).is('input')
</code></pre>
To check that selected element is type of textarea
<pre><code>$(&quot;.elementClass&quot;).is('textarea')
</code></pre>
To check that selected element is type of Radio
<pre><code>$(&quot;.elementClass&quot;).is('input[type=&quot;radio&quot;]')
</code></pre>
To check that selected element is type of Checkbox
<pre><code>$(&quot;.elementClass&quot;).is('input[type=&quot;checkbox&quot;]')
</code></pre>
To check that selected element is type of Input type number
<pre><code>$(&quot;.elementClass&quot;).is('input[type=&quot;number&quot;]')
</code></pre>
To check that selected element is type of Input type password
<pre><code>$(&quot;.elementClass&quot;).is('input[type=&quot;password&quot;]')
</code></pre>
To check that selected element is type of Input type email
<pre><code>$(&quot;.elementClass&quot;).is('input[type=&quot;email&quot;]')
</code></pre>
.....
...
So Basically you can change selection and type to determine required input type

I have a page where the input type always varies, and I need to get the values depending on the input type. So if the type is a radio, I need to get which is checked, and if it is a checkbox I need to now which are checked, and if it is a drop down I need to know which is selected, and I if it is a text/textarea I need to know the values.

Any idea on how to do that?

How to get input type using jquery?

jQuery

我有一个页面，其中输入类型总是变化的，我需要根据输入类型获取值。因此，如果类型是单选，我需要选中哪个，如果是选中的复选框，如果是下拉列表，我需要知道选择了哪个，如果是文本/文本区域，我需要知道值。你知道该怎么做吗？

问如何使用jquery获取输入类型？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery获取输入类型？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery获取输入类型？
EN