在進行頁面設計時，我們經常會使用各種表單控件來收集用戶信息，其中包括單選框，復選框等控件。這樣的控件在表單提交時很有用，但有時我們需要取消這些控件已經選中的值。那么在JavaScript中如何取消選中呢？

首先，我們來看取消單選框選中的方法，假設我們有兩個單選框控件:

Male
Female

如果我們要取消"Male"被選中，可以通過以下方式:

document.querySelector('input[value="male"]').checked = false;

以上代碼會查詢到值為"male"的單選框，并將其選中狀態設置為false，即取消選中。

接下來，我們看一下取消復選框選中的方法，假設我們有下面兩個復選框控件：

Reading
Sport

我們需要取消"Reading"被選中，可以通過以下方式實現：

document.querySelector('input[value="reading"]').checked = false;

以上代碼會查詢到值為"reading"的復選框，并將其選中狀態設置為false，即取消選中。

另外，如果我們希望取消所有復選框選中，可以使用以下代碼：

var checkboxes = document.getElementsByName('hobby');
for (var i = 0; i< checkboxes.length; i++) {
checkboxes[i].checked = false;
}

以上代碼會查詢名稱為"hobby"的所有復選框，并將它們的選中狀態設置為false，即取消所有復選框選中。

總之，在JavaScript中取消選中主要就是通過設置控件的checked屬性為false實現的。根據不同控件的特點，我們可以使用不同的方法來取消選中，在實際項目中可以根據具體需要進行選擇。