我正在站點(diǎn)菜單中制作背景選擇器，當(dāng)用戶單擊規(guī)范時(shí)，它將更改背景圖像。圖像（觸發(fā)單選按鈕）。我想使用 querySelectorAll(".selected") 來(lái)執(zhí)行此操作，循環(huán)它并設(shè)置 addEventListener(click, ..) 獲取索引（或 id, value）并使用 background_list 數(shù)組設(shè)置 backgroundImage 。var background_list = ["/images/air-balloon.jpg","/images/mary-christmas.jpg","/images/mountain.jpg","/images/panorama.jpg","/images/plants.jpg","/images/sunset-mountain.jpg","/images/underwater-star.jpg","/images/vinyl-player.jpg"...]<div class="dropdown-background-container">    <div>        <input                              type="radio"            id="image-1"            class="select"            value="1"        >        <label for="image-1">            <img src="/images/air-balloon-small.jpg" alt="Air Balloons">        </label>    </div>    <div>        <input            type="radio"            id="image-2"            class="select"            value="2"        >        <label for="image-2">            <img src="/images/mary-christmas-small.jpg" alt="Mary Christmas">        </label>    </div>例如我有幾十張圖像document.querySelectorAll(".select").forEach( item => {      item.addEventListener('click', arrow => {      document.body.style.backgroundImage = `url("${background_list[index]}")`    })})有沒(méi)有辦法找到觸發(fā)的索引（id或值）？您將如何為此實(shí)現(xiàn)代碼，最簡(jiǎn)單的解決方案是什么？我是 JS 初學(xué)者