当从按钮获取值时，Javascript代码不起作用

当我按下一个按钮时，我得到第一个按钮的值。我想要按下按钮的值。当从按钮获取值时，Javascript代码不起作用

的JavaScript

function GetHadess() { 
     var title = $(".myButtonn").val(); 
     alert(title);  
}

被按下应警惕显示按钮的价值，但这里的第一个按钮的显示值。

HTML代码

<tbody id="tbl"> 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess()"></td></tr> 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess()"></td></tr> 
</tbody>

来源

2017-09-15 Awais Goshi

它传递给函数，并以此作为背景来获取值。或创建活动hanadler – guradio

“如果答案解决了您的问题，请考虑接受答案。以下是[meta.stackexchange.com/questions/5234/...](https://meta.stackexchange.com/questions/5234/how然后回到这里，并用勾号/复选标记做同样的事情，直到变成绿色，这告诉社区，找到了解决方案，否则，其他人可能会认为问题仍然存在，可能会想要发布（更多）答案，你将获得积分，其他人将被鼓励帮助你*欢迎来到Stack！“* –

更改你的代码是这样的：

<tbody id="tbl"> 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess(this)"></td></tr> 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess(this)"></td></tr> 
</tbody> 


function GetHadess(this) { 
     var title = this.val(); 
     alert(title);  
}

来源

2017-09-15 07:29:21

你要通过this方面的功能，因此，它会知道哪个按钮点击后，象下面这样： -

function GetHadess(element) { 
 
    var title = $(element).val(); 
 
    alert(title);  
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tbody id="tbl"> 
 
    <tr> 
 
    <td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess(this)"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess(this)"> 
 
    </td> 
 
    </tr> 
 
</tbody>

来源

2017-09-15 07:29:46

使用此背景下，告诉这是点击按钮

$('.myButtonn').click(function() { 
 

 
    alert($(this).val()) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody id="tbl"> 
 
    <tr> 
 
     <td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess()"></td> 
 
    </tr> 
 
    <tr> 
 
     <td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess()"></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

来源

2017-09-15 07:29:59 guradio

非但没有利用价值类，通事件在功能和访问值使用event.target的。值。

function GetHadess(e) { 
 
     console.log(e.target.value); 
 
     alert(e.target.value);  
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tbody id="tbl"> 
 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bbb " onclick="GetHadess(event)"></td></tr> 
 
<tr><td><input class="myButtonn" type="submit" name="title1" value=" bb " onclick="GetHadess(event)"></td></tr> 
 
</tbody>

来源

2017-09-15 07:34:51

当从按钮获取值时，Javascript代码不起作用

回答

相关问题