blocks|key|952699|text|为您的输入指定一个ID并使用attr方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|952700|var+name+=+$("#id").attr("name");|code-block|syntax|javascript|952701|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/^0|E|4|E|4|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>Give your input an ID and use the <a href="http://api.jquery.com/attr/" rel="noreferrer"><code>attr</code></a> method:</p>

<pre><code>var name = $("#id").attr("name");
</code></pre>


blocks|key|952741|text|像这样使用jQuery的attr方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|952742|alert($('input').attr('name'));|code-block|syntax|javascript|952743|请注意，您还可以使用attr通过指定第二个参数来设置属性值：|952744|$('input').attr('name',+'new_name')|952745|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/^0|C|4|C|4|0|0|0|A|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

<p>Use the <a href="http://api.jquery.com/attr/" rel="noreferrer"><code>attr</code></a> method of jQuery like this:</p>

<pre><code>alert($('input').attr('name'));
</code></pre>

<p>Note that you can also use <code>attr</code> to set the attribute values by specifying second argument:</p>

<pre><code>$('input').attr('name', 'new_name')
</code></pre>


blocks|key|952756|text|var+theName;

theName+=+$("input+selector+goes+here").attr("name");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|952757|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>var theName;

theName = $("input selector goes here").attr("name");
</code></pre>


blocks|key|952850|text|您需要先编写一个选择器来选择正确的<input>。理想情况下，使用元素的ID+$('#element_id')，否则使用它的容器$('#container_id+input')的ID或元素的类$('input.class_name')。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|952851|您的元素没有这些，也没有上下文，所以很难告诉您如何选择它。|952852|一旦找到了合适的选择器，就可以使用attr方法来访问元素的属性。要获取名称，您可以使用返回(在您的示例中)+'xxxxx'的$(selector).attr('name')。|952853|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/^0|H|7|13|G|1S|O|2O|L|0|0|1I|7|1Q|O|H|4|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@$9|16|A|17|1|18]]|E|$]]|$1|J|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

<p>You need to write a selector which selects the correct <code>&lt;input&gt;</code> first.  Ideally you use the element's ID <code>$('#element_id')</code>, failing that the ID of it's container <code>$('#container_id input')</code>, or the element's class <code>$('input.class_name')</code>.</p>

<p>Your element has none of these and no context, so it's hard to tell you how to select it.</p>

<p>Once you have figured out the proper selector, you'd use the <a href="http://api.jquery.com/attr/" rel="noreferrer">attr</a> method to access the element's attributes.  To get the name, you'd use <code>$(selector).attr('name')</code> which would return (in your example) <code>'xxxxx'</code>.</p>


blocks|key|1167131|text|更好的方法可能是使用'this'，它接受'id‘的任何名称并使用它。只要添加名为'mytarget‘的类名即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1167132|每当目标字段发生变化时，它都会显示一个带有该字段名称的警告框。只需剪切并通过整个脚本，它就能正常工作！|1167133|<script+src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"+type="text/javascript"></script>
<script>
$(document).ready(function()+{
+$('.mytarget').change(function()+{
var+name1+=+$(this).attr("name");
alert(name1);
+});
});
</script>

Name:+<input+type="text"+name="myname"+id="myname"+class="mytarget"><br+/>
Age:+<input+type="text"+name="myage"+id="myage"+class="mytarget"><br+/>|code-block|syntax|javascript|1167134|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>A better way could be using 'this', it takes whatever the name of the 'id' is and uses that. As long as you add the class name called 'mytarget'.  </p>

<p>Whenever any of the fields that have target change then it will show an alert box with the name of that field. Just cut and past whole script for it to work!</p>

<pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function() {
 $('.mytarget').change(function() {
var name1 = $(this).attr("name");
alert(name1);
 });
});
&lt;/script&gt;

Name: &lt;input type="text" name="myname" id="myname" class="mytarget"&gt;&lt;br /&gt;
Age: &lt;input type="text" name="myage" id="myage" class="mytarget"&gt;&lt;br /&gt;
</code></pre>


blocks|key|952943|text|var+value_input+=+$("input[name*='xxxx']").val();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|952944|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>var value_input = $("input[name*='xxxx']").val();
</code></pre>


blocks|key|1167234|text|使用值获取输入名称|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1167235|+$('input[value="1"]').attr('name');|code-block|syntax|javascript|1167236|使用id获取输入名称|1167237|+$('input[class="id"]').attr('name');
+++$('#id').attr('name');|1167238|使用类获取输入名称|1167239|+$('input[value="classname"]').attr('name');
+++$('.classname').attr('name');++//if+classname+have+unique+value|1167240|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>using value get input name</p>

<pre><code> $('input[value="1"]').attr('name');
</code></pre>

<p>using id get input name </p>

<pre><code> $('input[class="id"]').attr('name');
   $('#id').attr('name');
</code></pre>

<p>using class get input name </p>

<pre><code> $('input[value="classname"]').attr('name');
   $('.classname').attr('name');  //if classname have unique value
</code></pre>


blocks|key|953085|text|将class传递给input标记，并使用class访问name值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|953086|<input+class="test-class"+name='xxxxx'+value=1>

<script>
++++$('.test-class').attr('name');
</script>|code-block|syntax|javascript|953087|或者，您也可以使用id访问值。|953088|<input+id="test-id"+name='xxxxx'+value=1>

<script>
++++$('#test-id').attr('name');
</script>|953089|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Pass class to input tag and access the name value by using class.</p>

<pre><code>&lt;input class="test-class" name='xxxxx' value=1&gt;

&lt;script&gt;
    $('.test-class').attr('name');
&lt;/script&gt;
</code></pre>

<p>Or you can also access the value using id.</p>

<pre><code>&lt;input id="test-id" name='xxxxx' value=1&gt;

&lt;script&gt;
    $('#test-id').attr('name');
&lt;/script&gt;
</code></pre>


<p>How to get the attribute name value of a input tag using jQuery. Please help.</p>
<pre class="lang-html prettyprint-override"><code>&lt;input name=&quot;xxxxx&quot; value=&quot;1&quot;&gt;
</code></pre>


Get attribute name value of <input>

容器

jQuery

如何使用jQuery获取输入标签的属性名称值。请帮帮忙。<input name="xxxxx" value="1">

问获取<input>的属性名称值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取<input>的属性名称值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取<input>的属性名称值
EN