在使用 HTML 編寫 radio 選框時,我們可以通過以下方式來設定默認選中項:
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
在上述代碼中,通過添加checked
屬性來設定value="male"
的選項為默認選中項。如果需要設定其他選項為默認選中項,只需在對應的 input 標簽添加checked
屬性即可。
另外,我們還可以通過 JavaScript 來動態地改變選中項。例如,假設我們有以下兩個 radio 選框:
<input type="radio" name="fruit" value="apple"> Apple
<input type="radio" name="fruit" value="orange"> Orange
我們可以使用以下代碼來將 "apple" 選項設為選中項:
document.querySelector('input[value="apple"]').checked = true;
上述代碼中,我們使用querySelector()
方法來選擇 value 屬性為 "apple" 的 input 標簽,并將其checked
屬性設為 true。這樣就可以實現選中符合條件的選項了。
上一篇css3滾動指引
下一篇mysql取負數的絕對值