要實現radio選中事件動態添加,你可以通過以下步驟來實現:
<input type="radio" name="radioGroup" id="radio1" value="option1"> Option 1
<input type="radio" name="radioGroup" id="radio2" value="option2"> Option 2
<script>
document.querySelectorAll('input[type="radio"]').forEach(radio => {
radio.addEventListener('change', function() {
if (this.checked) {
// 添加選中事件的處理邏輯
}
});
});
</script>
const newRadio = document.createElement('input');
newRadio.type = 'radio';
newRadio.name = 'radioGroup';
newRadio.id = 'radio3';
newRadio.value = 'option3';
newRadio.addEventListener('change', function() {
if (this.checked) {
// 添加選中事件的處理邏輯
}
});
document.body.appendChild(newRadio);
通過以上步驟,你可以實現radio選中事件動態添加的功能。當用戶選擇新添加的radio按鈕時,對應的選中事件處理邏輯也會觸發。