跟大家講解下有關在HTML中如何設置單選按鈕，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說在HTML中如何設置單選按鈕，小編也收集到了有關在HTML中如何設置單選按鈕的相關資料，希望大家看到了會喜歡。

在HTML中設置單選按鈕的方法：首先在新建的靜態頁面插入文件；然后在【<div>】標簽插入三個單選按鈕，并添加checked屬性；接著給單選按鈕添加name屬性；最后在jquery初始化函數內，添加選中單選按鈕的方法即可。

本教程操作環境：windows7系統、html5版，DELL G3電腦，該方法適用于所有品牌電腦。

在HTML中設置單選按鈕的方法：

1、首先在新建的靜態頁面插入這個文件，如下圖所示。

2、然后在<div></div>標簽插入三個單選按鈕，并且有對容應的label，如下圖所示。

3、接著給第一個單選按鈕添加checked屬性，默認是被選中，如下圖所示。

4、保存代碼并在瀏覽器中預覽效果，可以發現單選按鈕三個可以同時選中，如下圖所示。

5、接著給三個單選按鈕添加name屬性，并且name屬性值都是一樣的，如下圖所示。

6、最后在jquery初始化函數內，添加選中單選按鈕的方法，就完成了。

相關學習推薦：html教程

以上就是在HTML中如何設置單選按鈕的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網