在網頁開發中，單選框是一種常用的表單元素。而在某些情況下，我們需要讓用戶選擇性別。本文將介紹如何使用jQuery設置男女單選框。
<div id="gender"> <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女 </div>
上述代碼中，我們創建了一個ID為“gender”的
，并在其中創建了兩個單選框。這兩個單選框的name屬性都設置為“gender”，表示它們屬于同一組。value屬性分別設置為“male”和“female”，表示它們的取值為男和女。我們還在男女兩個選項后面添加了文字標簽。
$('#gender input[value="male"]').prop('checked', true);上述代碼使用jQuery選擇了value屬性為“male”的單選框，并將它的checked屬性設置為true。這樣，男選項就會被默認選中。
$('#gender input[value="female"]').click(function() {
alert('你選擇了女性！');
});上述代碼使用jQuery選擇了value屬性為“female”的單選框，并給它綁定了一個click事件。當用戶點擊女選項時，就會彈出一個“你選擇了女性！”的提示框。
通過以上代碼應用，我們可以很容易地設置男女單選框，提高用戶的使用體驗。