jQuery是一種JavaScript庫,廣泛應用于網頁開發中。在一些表單中,經常需要設置默認選中的單選框。本文將介紹如何使用jQuery設置默認選中的單選框。
$(document).ready(function(){ // 設置第一個單選框為默認選中項 $('input:radio:first').attr('checked', true); });
以上代碼使用了jQuery的ready()函數,確保在文檔加載后執行相關操作。
input:radio:first表示選中頁面中第一個單選框,而attr()函數用于設置HTML屬性。通過設置checked屬性為true來實現默認選中該單選框。
需要注意的是,如果有多個組單選框,應當為每個組設置默認選中項。
$(document).ready(function(){ // 設置第一個組單選框為默認選中項 $('input[name=group1]:first').attr('checked', true); // 設置第二個組單選框為默認選中項 $('input[name=group2]:eq(1)').attr('checked', true); });
以上代碼分別設置了名為group1和group2的兩個組單選框的默認選中項。其中,eq()函數用于通過索引值選取元素。
需要注意的是,為了保證網頁的可訪問性,應當為每個單選框設置標簽和描述信息,并遵循Web Content Accessibility Guidelines(WCAG)的相關規定。