當從按鈕獲取值時，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代碼不起作用

回答

相關問題