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

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

動態(tài)檢查復(fù)選框是否已選中

動態(tài)檢查復(fù)選框是否已選中

慕桂英3389331 2023-10-04 15:24:04
我有兩個 div 標(biāo)簽,其中包含series of checkboxes. 我想知道其中之一是否經(jīng)過檢查。<div id="doctor" class="doctor">   Doctor   <input type="checkbox" id="doctor0" name="I am 22" value="I am 22">   <label for="I am 22">I am 22</label><br>   <input type="checkbox" id="doctor1" name="I have a cough" value="I have a cough">   <label for="I have a cough">I have a cough</label></div> <div id="patient" class="patient">   Patient   <input type="checkbox" id="patient0" name="I am Patient" value="I am patient">   <label for="I am patient">I am patient</label><br>   <input type="checkbox" id="patient1" name="I have a cough" value="I have a cough">   <label for="I have a cough">I have a cough</label></div>我有這兩個 div 標(biāo)簽,其中包含一系列動態(tài)生成的復(fù)選框。我想知道是否檢查其中之一或兩者都檢查。檢查Doctor下是否檢查了一項或多項。檢查是否在病人的情況下檢查了一項或多項。如果兩者都是真的,那就做點什么。如果僅選中其中一項,請執(zhí)行某些操作。代碼:function getItem(event) {   console.log(event.target.checked) }我能夠知道它是否已檢查,但不確定如何檢查特定項目。我不想手動訪問 dom 元素。if(document.getElementById("doctor0").checked || document.getElementById("patient0").checked)
查看完整描述

2 回答

?
炎炎設(shè)計

TA貢獻(xiàn)1808條經(jīng)驗 獲得超4個贊

您可以使用該querySelectorAll函數(shù)來獲取特定 div 中選中的復(fù)選框的列表。

如果大小為list > 0,則包含選中的復(fù)選框。

  1. 檢查Doctor下是否檢查了一項或多項。

    document.querySelectorAll('#doctor input[type=checkbox]:checked').length > 0

  2. 檢查是否在病人的情況下檢查了一項或多項。

    document.querySelectorAll('#patient input[type=checkbox]:checked').length > 0



查看完整回答
反對 回復(fù) 2023-10-04
?
慕慕森

TA貢獻(xiàn)1856條經(jīng)驗 獲得超17個贊

doctor/patient您可以創(chuàng)建一個函數(shù),在其中傳遞要從中選擇復(fù)選框的 div 的 id ,并將其與復(fù)選框選擇器連接起來。


這樣您就可以在兩種情況下重復(fù)使用相同的選擇器邏輯。


您可以像普通數(shù)組一樣通過返回的 HTMLNodeObject 進(jìn)行迭代querySelectorAll。復(fù)選框?qū)⒂?checked-property 告訴它是否被選中。


function checkboxStatus(id) {

  let checkboxes = document.querySelectorAll(`#${id} input[type="checkbox"]`);

  checkboxes.forEach(item => {

    console.log(item.checked);

  });

}

CodeSandbox - 示例


查看完整回答
反對 回復(fù) 2023-10-04
  • 2 回答
  • 0 關(guān)注
  • 108 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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