在前端開發中,選取單選框是經常用到的功能之一。使用 jQuery 選取單選框也是非常簡單的。
//選取所有單選框 var radioBtns = $('input[type="radio"]'); //選取某個單選框 var radioBtn = $('input[name="sex"]');
以上代碼中,第一行選取了所有類型為單選框的 input 元素。第二行選取了 name 為“sex”的單選框。
同時,我們還可以添加其他篩選條件。比如,如果我們要選取某個單選框是被選中的,可以添加 :checked 偽類:
var checkedRadio = $('input[type="radio"]:checked');
以上代碼中,我們選取了所有類型為單選框且被選中的 input 元素。
除此之外,我們還可以利用單選框的屬性來進行選取。比如,我們希望選取某個單選框的 value 屬性為“male”,可以這么寫:
var maleRadio = $('input[name="sex"][value="male"]');
以上代碼中,我們選取了 name 為“sex”,且 value 屬性為“male”的 input 元素。
總的來說,jQuery 選取單選框非常靈活方便。我們可以根據自己的需求,結合不同的篩選條件來進行選取。
上一篇CSS布局小說推薦免費
下一篇css布局有哪些屬性