HTML是網頁的基礎語言，它包含了很多元素和標簽，其中之一就是復選框。復選框是一種可以讓用戶選擇多個選項的控件，它廣泛地應用于網絡調查、在線購物等網頁中。在HTML中，我們可以通過動態設置復選框來達到不同的效果，從而提高用戶體驗。

<label>
<input type="checkbox" id="checkbox1" name="checkbox" value="checkbox1">復選框1
</label>
<label>
<input type="checkbox" id="checkbox2" name="checkbox" value="checkbox2">復選框2
</label>

以上代碼展示了兩個簡單的復選框，每個復選框都由一個標簽包裝，內部包含一個標簽。在標簽中，我們通過設置type為checkbox來表明它是一個復選框。

接下來，我們通過JavaScript來動態設置這兩個復選框的選中狀態，代碼如下：

const checkbox1 = document.querySelector('#checkbox1');
const checkbox2 = document.querySelector('#checkbox2');
checkbox1.checked = true;
checkbox2.checked = false;

以上代碼中，我們首先通過document.querySelector()方法來選取兩個復選框，然后分別設置它們的checked屬性為true和false。這樣，頁面加載時，復選框1會自動被選中，而復選框2則不會被選中。

除了設置復選框的選中狀態，我們還可以通過JavaScript來控制復選框的disabled屬性。disabled屬性用于指定一個元素是否被禁用，如果被禁用，該元素無法接受用戶的輸入，例如點擊、選擇等操作。我們可以通過以下代碼來設置復選框的disabled屬性：

checkbox1.disabled = true;
checkbox2.disabled = false;

以上代碼中，我們設置復選框1為被禁用狀態，而復選框2則不被禁用。

通過JavaScript動態設置復選框的狀態，我們可以靈活地控制復選框的選中狀態和禁用狀態，從而滿足不同的需求。這是前端開發中重要的一環。