HTML復選框是一種常見的表單控件,它允許用戶從多個選項中選擇一個或多個選項。在實際開發中,我們經常需要設置復選框的選中狀態,本文將介紹如何使用HTML和JavaScript來實現這一功能。
蘋果橙子香蕉梨子
上述代碼定義了四個復選框,其中“蘋果”和“香蕉”被初始設置為選中狀態。要設置復選框的選中狀態,我們需要使用JavaScript來訪問它們的屬性。
// JavaScript代碼 // 獲取所有name為"fruit"的復選框 var checkboxes = document.getElementsByName("fruit"); // 設置第一個復選框選中 checkboxes[0].checked = true; // 設置第三個復選框取消選中 checkboxes[2].checked = false;
上述JavaScript代碼首先使用document.getElementsByName方法獲取所有name為“fruit”的復選框,然后通過修改其checked屬性來設置選中狀態。例如,checkboxes[0].checked = true表示將第一個復選框設置為選中狀態。
總之,設置HTML復選框的選中狀態需要使用JavaScript,并可以通過修改checked屬性來實現。通過這種方式,我們可以動態地控制和調整復選框的選中狀態,使其適應多種應用場景。