在前端開發中,經常需要使用單選框,而有時候需要設置單選框的默認選中狀態。本文將介紹如何使用jQuery實現單選框默認選中的功能。
首先,在HTML中定義單選框,并為其添加相應的ID:
<input type="radio" name="radio" id="radio1" value="1"> <label for="radio1">選項1</label> <input type="radio" name="radio" id="radio2" value="2"> <label for="radio2">選項2</label> <input type="radio" name="radio" id="radio3" value="3"> <label for="radio3">選項3</label>
接下來,在jQuery中使用prop()方法為單選框設置默認選中:
$(document).ready(function(){ $('#radio2').prop('checked',true); });
以上代碼表示默認選中ID為“radio2”的單選框。
如果需要設置其他單選框默認選中,則只需更改ID即可。
上述代碼原理并不復雜,即設置單選框的checked屬性為true即可實現默認選中。
當然,也可以使用attr()方法來設置單選框的默認選中狀態:
$(document).ready(function(){ $('#radio2').attr('checked',true); });
但是,由于HTML5的更新,checked屬性已被廢棄,建議使用prop()方法進行設置。
綜上所述,本文介紹了使用jQuery實現單選框默認選中的方法??梢愿鶕约旱男枨鬄椴煌膯芜x框設置不同的默認選中狀態。