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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Javascript 按鈕未返回正確的狀態(tài)

Javascript 按鈕未返回正確的狀態(tài)

這是一個(gè)按鈕的代碼,但是當(dāng)它被選中時(shí),它應(yīng)該打印“已選中”,但每次我按下它,它都會(huì)記錄“未選中”,無(wú)論按鈕的狀態(tài)如何。我該如何解決?document.addEventListener('DOMContentLoaded', function() {    var checkbox = document.querySelector('#auto-admit .mdc-switch');    function isChecked() {      if (checkbox.checked ) {        // do this        console.log('Checked');      } else {        // do that        console.log('Not checked');      }    }    checkbox.addEventListener('change', function() {      isChecked();    });    isChecked();  });<div id="auto-admit">                <div class="mdc-switch">                    <div class="mdc-switch__track"></div>                    <div class="mdc-switch__thumb-underlay">                        <div class="mdc-switch__thumb"></div>                        <input                            type="checkbox"                            id="autoadmit-switch"                            class="mdc-switch__native-control"                            role="switch"                            aria-checked="false"                        />                    </div>                </div>                <label                    id="autoadmit-switch-label"                    class="mdc-button switch-label"                    for="autoadmit-switch"                    >Auto admit</label                >            </div>
查看完整描述

1 回答

?
30秒到達(dá)戰(zhàn)場(chǎng)

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

您正在嘗試獲取div容器,而不是input.


var checkbox = document.querySelector('#auto-admit .mdc-switch__native-control'); 


document.addEventListener('DOMContentLoaded', function() {

    var checkbox = document.querySelector('#auto-admit .mdc-switch__native-control');


    function isChecked() {

      if (checkbox.checked ) {

        // do this

        console.log('Checked');

      } else {

        // do that

        console.log('Not checked');

      }

    }

    checkbox.addEventListener('change', function() {

      isChecked();

    });


    isChecked();


  }


);

<div id="auto-admit">

                <div class="mdc-switch">

                    <div class="mdc-switch__track"></div>

                    <div class="mdc-switch__thumb-underlay">

                        <div class="mdc-switch__thumb"></div>

                        <input

                            type="checkbox"

                            id="autoadmit-switch"

                            class="mdc-switch__native-control"

                            role="switch"

                            aria-checked="false"

                        />

                    </div>

                </div>

                <label

                    id="autoadmit-switch-label"

                    class="mdc-button switch-label"

                    for="autoadmit-switch"

                    >Auto admit</label

                >

            </div>


查看完整回答
反對(duì) 回復(fù) 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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