帶有單選按鈕的單擊事件

Question

 var card = document.getElementsByName("payment"); card[0].addEventListener("click", function(){ document.getElementById("something").innerHTML += "added content"})

 <div id="something"> <input class="custom-control-input" type="radio" name="payment" id="creditCard"value="creditCard"> </div>

我添加了一個事件，在用戶單擊單選按鈕后向表單添加更多內容，但是該單選按鈕在第一次單擊時不會改變顏色，它會添加內容，並且在第二次單擊該按鈕后顏色會改變被選中。 我希望它在第一次點擊時改變顏色，而不是第二次

Answer 1

您可以通過添加.checked屬性將單選按鈕設置為checked的 state。

 var card = document.getElementsByName("payment"); card[0].addEventListener("change", function() { document.getElementById("something").innerHTML += "added content" card[0].checked = true })

 <div id="something"> <input class="custom-control-input" type="radio" name="payment" id="creditCard" value="creditCard"> </div>