如何使用jquery方法控制無線電鈕的某一個被選中

2019-12-11 10:09:37

在form表單中，無線電鈕radio也是常有的一種元件，這種元件一般情況下只能進行單選，也可以多選。如果一組無線電鈕中新增了name屬性，並且值都一樣的話，只能是單選。下面利用範例說明，操作如下：

第一步，由於這次使用到jquery，所以在新建的靜態頁面插入這個檔案，如下圖所示：

第二步，在<div></div>標籤內插入三個無線電鈕，並且有對應的label，如下圖所示：

第三步，接著給第一個無線電鈕新增checked屬性，預設是被選中，如下圖所示：

第四步，儲存程式碼並在瀏覽器中預覽效果，可以發現無線電鈕三個可以同時選中，如下圖所示：

第五步，接著給三個無線電鈕新增name屬性，並且name屬性值都是一樣的，如下圖所示：

第六步，最後在jquery初始化函數內，新增選中無線電鈕的方法，如下圖所示：