报警的输入值onclicking与=“”属性

Question

，如果我有以下代码

$('.ale').click(function(){ 
 
     var val = $('.val').val(); 
 
     alert(val); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <label class='ale' for='hello'> 
 
    <input class='val' type='text' id='hello' value='Hello'> 
 
    
 
    <label class='ale' for='world'> 
 
    <input class='val' type='text' id='world' value='World'>

在这段代码中，我试图让一个脚本，警报的 value标签 input通过单击 label

，但是这是行不通的，因为它总是得到第一value = 'Hello'

哪有我定义onclick来获取其输入值id attr = for attr？

Answer 1

刚刚得到标签的for属性的值，并使用它找到具有相同id值的输入。

$('.ale').click(function(){ 
 
     var val = $(this).attr('for'); 
 
     alert($('#'+val).val()); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <label class='ale' for='hello'>Label 1</label> 
 
    <input class='val' type='text' id='hello' value='Hello'> 
 
    
 
    <label class='ale' for='world'>Label 2</label> 
 
    <input class='val' type='text' id='world' value='World'>

Answer 2

使用$('.val')当你拿到你的代码的类val的所有实例。

使用$(this).next('input').val();

Answer 3

试试这个：

$('.ale').click(function() { 
 
    var val = $(this).next('.val').val() 
 
    alert(val) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<label class='ale' for='hello'>Label 1</label> 
 
<input class='val' type='text' id='hello' value='Hello'> 
 
    
 
<label class='ale' for='world'>Label 2</label> 
 
<input class='val' type='text' id='world' value='World'>