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

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

如果選中了復選框“正在加載”,則顯示文本框;如果不選中,則不顯示文本框

如果選中了復選框“正在加載”,則顯示文本框;如果不選中,則不顯示文本框

森林海 2021-03-30 21:18:55
如果選中復選框Onload,JavaScript中是否有一種方法可以顯示文本框?然后隱藏文本框(如果未選中onload)?
查看完整描述

2 回答

?
手掌心

TA貢獻1942條經驗 獲得超3個贊

非常簡單的東西,使用eventlistener。


document.addEventListener('DOMContentLoaded', () => {

  document.querySelectorAll('input[type="checkbox"]:not(:checked)').forEach(chk => {

    document.querySelectorAll(`input[type="text"].${chk.className}`).forEach(i => i.classList.add('hide'));

  });

});

.hide {

  display: none;

}

<input type="checkbox" class="test1" checked>

<input type="text" class="test1">

<input type="checkbox" class="test2">

<input type="text" class="test2">


查看完整回答
反對 回復 2021-04-08
  • 2 回答
  • 0 關注
  • 222 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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