第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在不使用事件監(jiān)聽器的情況下檢查單擊的元素?

如何在不使用事件監(jiān)聽器的情況下檢查單擊的元素?

慕的地8271018 2022-07-21 20:54:46
我有一個輸入單選按鈕列表,總共 25 個,具有以下 html 結(jié)構(gòu):<div class="options-list nested">    <div class="field choice admin__field admin__field-option">        <input type="radio" class="radio admin__control-radio required" name="options[15]" id="options_15_2" value="78">        <label class="label admin__field-label" for="options_15_2">            <span>1</span>        </label>    </div>    <div class="field choice admin__field admin__field-option">        <input type="radio" class="radio admin__control-radio required" name="options[16]" id="options_16_2" value="79">        <label class="label admin__field-label" for="options_16_2">            <span>2</span>        </label>    </div>    <div class="field choice admin__field admin__field-option">        <input type="radio" class="radio admin__control-radio required" name="options[17]" id="options_17_2" value="80">        <label class="label admin__field-label" for="options_17_2">            <span>3</span>        </label>    </div>   ...</div>如何在不添加 25 個事件偵聽器的情況下檢查哪個輸入被檢查 - 每個輸入一個?以及如何檢查每個輸入事件?document.querySelector('#options_16_2').checked;這基本上是我需要的,但更普遍。
查看完整描述

1 回答

?
阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個贊

它們的容器都是.options-list,因此您可以使用選擇器.options-list input:checked來選擇選中的輸入,這些輸入是具有options-list類的元素的后代:


document.querySelector('button').addEventListener('click', () => {

  console.log(

    [...document.querySelectorAll('.options-list input:checked')]

      .map(input => input.value)

  );

});

<div class="options-list nested">

    <div class="field choice admin__field admin__field-option">

        <input type="radio" class="radio admin__control-radio required" name="options[15]" id="options_15_2" value="78">

        <label class="label admin__field-label" for="options_15_2">

            <span>1</span>

        </label>

    </div>


    <div class="field choice admin__field admin__field-option">

        <input type="radio" class="radio admin__control-radio required" name="options[16]" id="options_16_2" value="79">

        <label class="label admin__field-label" for="options_16_2">

            <span2</span>

        </label>

    </div>


    <div class="field choice admin__field admin__field-option">

        <input type="radio" class="radio admin__control-radio required" name="options[17]" id="options_17_2" value="80">

        <label class="label admin__field-label" for="options_17_2">

            <span>3</span>

        </label>

    </div>

</div>


<button>check</button>


查看完整回答
反對 回復(fù) 2022-07-21
  • 1 回答
  • 0 關(guān)注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號