我正在做一個電影選擇器專案。我有五個單選按鈕，在用戶單擊一個單選按鈕后，我想顯示具有該值的電影。我認為 switch 陳述句最適合這個專案。不過，我似乎無法讓它發揮作用。
這是單選按鈕之一：
<input type="radio" id="avenger-movies" name="select-movie" value="avenger-movies">
<label for="avenger-movies">Avenger films</label>
如何為這些按鈕撰寫陳述句？到目前為止，這是我的功能：
const getRadioButtons = document.getElementsByName("select-movie");
getRadioButtons.forEach((radiobtn) => {
radiobtn.addEventListener('change', (event) => {
function handleOnChangeEvent() {
// console.log(event.target.value)
const inputValue = event.target.value;
switch (inputValue) {
// Case..
}
}
handleOnChangeEvent()
})
})
uj5u.com熱心網友回復：
<div id="allRadio">
<input type="radio" id="avenger-movies" name="select-movie" value="avenger-movies">
<label for="avenger-movies">Avenger films</label>
<input type="radio" id="hello" name="select-movie" value="avenger-movies">
<label for="hello">hello world</label>
</div>
<script>
document.getElementById("allRadio").addEventListener("click",(e)=>{
switch(e.target.getAttribute("id")){
case 'avenger-movies':
alert(1);
break;
case 'hello':
alert(2);
break;
}
})
</script>
你可以使用事件委托來處理，希望對你有幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/350622.html
標籤：javascript 功能 切换语句
下一篇：在J中撰寫自定義動詞