Question

<input type=text name=input id="in1" value=1 onclick=inputs()>
<input type=text name=input id="in2" value=2 onclick=inputs()>
<input type=text name=input id="in3" value=3 onclick=inputs()>
<input type=text name=input id="in4" value=4 onclick=inputs()>
<script type=text/javascript>
function inputs()
{
var val=document.getElementById();
document.write(val);
}
</script>

实际上，我只想在变量val中使用onclick的输入id。请帮帮我。

Answer 1

也许其他人都在阅读与我不同的问题，但似乎你想要ID的值，而不是输入值。

<input type=text name=input id="in1" value=1 onclick=inputs(this.id)>
<input type=text name=input id="in2" value=2 onclick=inputs(this.id)>
<input type=text name=input id="in3" value=3 onclick=inputs(this.id)>
<input type=text name=input id="in4" value=4 onclick=inputs(this.id)>
<script type=text/javascript>
function inputs(val)
{
    document.write(val);
}
</script>

这将为您提供该元素的ID，而不是其值。这是我希望我从这个措辞奇怪的问题中读到的。

Answer 2

<input type=text name=input id="in1" value=1 onclick=inputs(this.id)>
<input type=text name=input id="in2" value=2 onclick=inputs(this.id)>
<input type=text name=input id="in3" value=3 onclick=inputs(this.id)>
<input type=text name=input id="in4" value=4 onclick=inputs(this.id)>
<script type=text/javascript>
function inputs(id)
{
var val=id;
document.write(val);
}
</script>

Answer 3

试试这个

<input type="text" name="input" id="in1" value="1" onclick="inputs(this.id)">
<input type=text name=input id="in2" value=2 onclick="inputs(this.id)">
<input type=text name=input id="in3" value=3 onclick="inputs(this.id)">
<input type=text name=input id="in4" value=4 onclick="inputs(this.id)">
<script type=text/javascript>
function inputs(id)
{
var val=id
alert(val);
}
</script>

DEMO

Answer 4

<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>
<script type=text/javascript>
function inputs(dis)
{
var val=dis.value;
document.write(val);
}
</script>

Answer 5

您可以试试吗，在this

中添加了inputs(this)

HTML：

<input type=text name=input id="in1" value=1 onclick=inputs(this)>

使用Javascript：

<script type=text/javascript>
function inputs(d)
{   
   document.write(d.value);
}
</script>

Answer 6

试试这个

<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>
<script type=text/javascript>
function inputs(el)
{
 var val=el.getAttribute('id');
 document.write(val);
}
</script>

Answer 7

<input type="text" name="input" id="in1" value="1" onclick="inputs(this)">
<input type="text" name="input" id="in2" value="2" onclick="inputs(this)">
<input type="text" name="input" id="in3" value="3" onclick="inputs(this)">
<input type="text" name="input" id="in4" value="4" onclick="inputs(this)">
<script type=text/javascript>
function inputs(elem)
{
var val=elem.id;
console.log(val);
}
</script>

检查控制台中的值

Answer 8

尝试

onclick=inputs(this)

和

function inputs(element)
{
   var val = element.id;
   // rest of the code here
}

Answer 9

它将获得点击输入字段的ID。请尝试：
DEMO： http://jsfiddle.net/6Z2fR/

<input type=text name=input id="in1" value=1 onclick=inputs(this)>
<input type=text name=input id="in2" value=2 onclick=inputs(this)>
<input type=text name=input id="in3" value=3 onclick=inputs(this)>
<input type=text name=input id="in4" value=4 onclick=inputs(this)>

  <script type=text/javascript>
        function inputs(e)
        {
            var val=e.id;
            console.log(val);
        }
    </script>

Answer 10

最简单的方式

<input type="text" name="input" id="in1" value="1" onfocus="inputs(this.value)">
<script type=text/javascript>
function inputs(x)
{
document.write(x);
}
</script>

Answer 11

我认为使用jQuery更好，你可以改变像mouseover / keydown / hover这样的事件，并使代码不会太乱：P

<input type="text" name="input" id="in1">
<input type="text" name="input" id="in2">
<input type="text" name="input" id="in3">
<input type="text" name="input" id="in4">

<script type="text/javascript">
(function ($) {
    $('input[type="text"]').each(function () {
        $(this).click(function () {
            alert($(this).attr('id'));
        });
    });
})(jQuery);

或者只是在JSFiddle中看到演示，click me!

Answer 12

试试这个：

<input type="text" name="input" id="in1" value="1" onclick="inputs(this)">
<input type="text" name="input" id="in2" value="2" onclick="inputs(this)">
<input type="text" name="input" id="in3" value="3" onclick="inputs(this)">
<input type="text" name="input" id="in4" value="4" onclick="inputs(this)">

function inputs(element) {
    var id = element.id;
    var val = element.name;
    alert(val ,id);
}

fiddle Demo

如何在javascript中打印输入文本类型id的值

12 个答案: