jQuery是一種非常強大的JavaScript庫,它可以使頁面的交互變得更加優雅和簡單。在使用jQuery時,經常需要選擇選中的radio按鈕,下面就是一些例子。
//選擇所有選中的radio $('input[type="radio"]:checked'); //選擇名為choice的選中的radio $('input[name="choice"]:checked'); //選擇值為1的選中的radio $('input[value="1"]:checked'); //選擇第二個選中的radio $('input[type="radio"]:checked:eq(1)');
通過選擇器,您可以輕松選擇選中的radio按鈕。必須是:checked偽類,因為沒有選擇的radio按鈕不會被選擇。
當您選擇選中的radio按鈕時,您可能需要執行其他的操作,比如檢查用戶是否做出了正確的選擇或更新頁面的內容。您可以將這些操作添加到選擇器后面:
//檢查名為choice的選中的radio是否等于1 if ($('input[name="choice"]:checked').val() === "1") { console.log("正確選擇!"); } //更新元素的文本為選中的radio的值 $('#result').text($('input[type="radio"]:checked').val());
總的來說,jQuery選擇選中的radio按鈕非常簡單,只需使用:checked偽類即可。更進一步地,您可以將其他操作與選擇器相結合,讓您的頁面更加交互性和有用性。