JQuery是一個輕量級的JavaScript庫,使HTML文檔的遍歷和操作、事件處理、動畫效果的制作更加簡便。 在編寫web前端頁面時,我們經常會使用到表單。其中單選框是常用的一個組件,本文將介紹如何使用JQuery設置單選框的默認值。
//HTML代碼 <form> <input type="radio" name="sex" value="male"> Male <br> <input type="radio" name="sex" value="female"> Female <br> </form> //JS代碼 $(document).ready(function(){ $('input[name="sex"][value="female"]').prop('checked', true); });
首先我們需要在HTML中設置單選框的name和value屬性。然后在JS中使用JQuery選中需要設為默認值的單選框,調用prop()方法設置其checked屬性為true即可。在上面的代碼示例中,我們將value為“female”的單選框設為默認選中狀態。
總結來說,使用JQuery設置單選框默認值所需步驟如下:
- 在HTML中設置單選框的name和value屬性
- 在JS中選中需要設為默認值的單選框
- 調用prop()方法設置其checked屬性為true