JavaScript 作為一種非常流行的前端編程語言，常常被用于操作文本框、下拉框、單選框、多選框等控件。在我們日常開發中，不僅需要獲取控件的狀態，還需要對控件進行選中或取消選中等操作。因此，本文將介紹 JavaScript 如何選中控件，并配合實用的代碼進行演示。
一、文本框的選中
文本框是我們經常使用的一種控件，一般用來輸入或顯示文本信息。當我們想要選中文本框中的內容時，我們可以使用以下代碼：

var txt = document.getElementById("txtName");
txt.select();

上述代碼中，我們首先使用 document.getElementById 方法獲取文本框的對象，并將其保存在名為 txt 的變量中。然后調用 txt 的 select 方法即可選中文本框中的所有內容。
二、下拉框的選中
下拉框是一種常見的控件，我們可以通過下拉框來選擇其中的某個選項。當我們想要選中下拉框中的某項時，可以使用以下代碼實現：

var ddl = document.getElementById("ddlCity");
ddl.selectedIndex = 2;

上述代碼中，我們首先使用 document.getElementById 方法獲取下拉框的對象，并將其保存在名為 ddl 的變量中。然后將 selectedIndex 屬性設置為要選中的選項的索引即可。
三、單選框的選中
單選框是一種供用戶選擇某一項的組件之一，常用在表單中。當我們想要選中單選框中的某個選項時，可以使用以下代碼實現：

var radioButton = document.getElementById("rbFemale");
radioButton.checked = true;

上述代碼中，我們首先使用 document.getElementById 方法獲取單選框的對象，并將其保存在名為 radioButton 的變量中。然后將 checked 屬性設置為 true 即可選中單選框。
四、多選框的選中
多選框是一種供用戶選擇多項的組件之一，同樣也常用在表單中。當我們想要選中多選框中的某些選項時，可以使用以下代碼實現：

var checkBox1 = document.getElementById("chk1");
var checkBox2 = document.getElementById("chk2");
var checkBox3 = document.getElementById("chk3");
checkBox1.checked = true;
checkBox2.checked = false;
checkBox3.checked = true;

上述代碼中，我們首先使用 document.getElementById 方法獲取每個多選框的對象，并將其分別保存在 checkBox1、checkBox2、checkBox3 變量中。然后分別將 checked 屬性設置為 true 或 false 即可選中或取消選中多選框中的相應選項。
總結：
以上就是 JavaScript 中選中控件的幾種方式，不同控件的選中方法有所區別，但是大體相同。通過本文的講解，我們可以更好地理解并運用 JavaScript 中的控件選中操作，為我們的開發工作提供更多便利。