HTML radio是一種常用的表單元素,它可以讓用戶在一組選項中選擇一個。當用戶選擇一個選項時,需要將其值設置為被選中狀態(tài)。本文將介紹html radio如何設置選中的值。
<form> <input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"> Female<br> </form>
在上述代碼中,我們首先使用<form>標簽創(chuàng)建一個表單。然后,我們使用<input>標簽創(chuàng)建兩個radio選項。這兩個選項的name屬性均設置為"gender",這意味著它們屬于同一個組,用戶只能在一組中選擇一個選項。
第一個radio選項的value屬性設置為"male",checked屬性設置為true,表示這個選項是默認被選中的。而第二個radio選項的value屬性設置為"female",表示這是另一個可選的選項。
<form> <input type="radio" name="color" value="red"> Red<br> <input type="radio" name="color" value="green"> Green<br> <input type="radio" name="color" value="blue"> Blue<br> </form>
如果我們需要讓用戶選擇一個顏色,使用上述代碼創(chuàng)建三個radio選項。這些選項的name屬性均設置為"color",表示它們屬于同一個組。
為了確定哪個選項被選中,我們可以使用JavaScript。以下代碼將選中第一個radio選項:
document.getElementById("radio1").checked = true;
在上述代碼中,我們使用了getElementById()方法獲取第一個radio選項,并將其checked屬性設置為true。這樣,第一個選項將被選中。
以上是關于html radio設置選中值的介紹。希望對你有所幫助。