我想獲得按下按鈕的值。我有 6 個按鈕如下：
<button class="theme" value="100" onclick="buytheme()">Points:100</button>
<button class="theme" value="200" onclick="buytheme()">Points:200</button>
<button class="theme" value="300" onclick="buytheme()">Points:300</button>
<button class="theme" value="400" onclick="buytheme()">Points:400</button>
<button class="theme" value="500" onclick="buytheme()">Points:500</button>
<button class="theme" value="600" onclick="buytheme()">Points:600</button>
以下是我的 JS 函式：
function buytheme(){
document.getElementsByClassName("theme");
}
我也試過：
const pbtn=document.querySelectorAll("button.theme");
for(var i=0;i<pbtn.length;i ){
(pbtn[i].onclick)=()=>{
console.log(pbtn[0].value);
}
}
但是以下似乎都不起作用。請幫助我如何獲得我按下的按鈕的確切值。
uj5u.com熱心網友回復：
您可以查看所有具有類名的元素theme并將 a 添加addEventListener到所有元素中，并記錄它的值。
<button class="theme" value="100">Points:100</button>
<button class="theme" value="200">Points:200</button>
<button class="theme" value="300">Points:300</button>
<button class="theme" value="400">Points:400</button>
<button class="theme" value="500">Points:500</button>
<button class="theme" value="600">Points:600</button>
<script lang="js">
const buttons = document.getElementsByClassName("theme");
for (let i = 0; i < buttons.length; i ) {
buttons[i].addEventListener("click", function() {
const value = this.value;
console.log(value);
});
}
</script>
uj5u.com熱心網友回復：
您可以利用event listeners并e.target.value解決此問題，
<button class="theme" value="100">Points:100</button>
<button class="theme" value="200">Points:200</button>
<button class="theme" value="300">Points:300</button>
<button class="theme" value="400">Points:400</button>
<button class="theme" value="500">Points:500</button>
<button class="theme" value="600">Points:600</button>
<script lang="js">
document.querySelectorAll('.theme').forEach(button => {
button.addEventListener('click', (event) => {
console.log(event.target.value);
})
})
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/514906.html
下一篇：在Java中創建了一個字串，S="httthhhtth"。將其一分為二，將后半部分的“H”更改為“T”，將“T”更改為“H”