亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

動態檢查復選框是否已選中

動態檢查復選框是否已選中

慕桂英3389331 2023-10-04 15:24:04
我有兩個 div 標簽,其中包含series of checkboxes. 我想知道其中之一是否經過檢查。<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 標簽,其中包含一系列動態生成的復選框。我想知道是否檢查其中之一或兩者都檢查。檢查Doctor下是否檢查了一項或多項。檢查是否在病人的情況下檢查了一項或多項。如果兩者都是真的,那就做點什么。如果僅選中其中一項,請執行某些操作。代碼:function getItem(event) {   console.log(event.target.checked) }我能夠知道它是否已檢查,但不確定如何檢查特定項目。我不想手動訪問 dom 元素。if(document.getElementById("doctor0").checked || document.getElementById("patient0").checked)
查看完整描述

2 回答

?
炎炎設計

TA貢獻1808條經驗 獲得超4個贊

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

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

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

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

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

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



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

TA貢獻1856條經驗 獲得超17個贊

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


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


您可以像普通數組一樣通過返回的 HTMLNodeObject 進行迭代querySelectorAll。復選框將有.checked-property 告訴它是否被選中。


function checkboxStatus(id) {

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

  checkboxes.forEach(item => {

    console.log(item.checked);

  });

}

CodeSandbox - 示例


查看完整回答
反對 回復 2023-10-04
  • 2 回答
  • 0 關注
  • 110 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號