在使用jQuery時,有時候會遇到一個問題:無法選中單選按鈕。這個問題通常是因為我們沒有正確地使用選擇器或者沒有給單選按鈕設置正確的屬性而導致的。
$(document).ready(function() { // 以下語句無法選中單選按鈕! $('input:radio').prop('checked', true); // 以下語句可以正確選中單選按鈕 $('input[type="radio"]').prop('checked', true); });
我們可以使用$('input[type="radio"]')
選擇器來選中單選按鈕。這個選擇器會選中所有類型為 "radio" 的 input 元素。
另外,我們需要注意的是,單選按鈕必須有唯一的name
屬性。如果多個單選按鈕有相同的 name 屬性,那么它們就形成了一個組,只有其中的一個可以被選中。
<label><input type="radio" name="gender" value="male">男</label> <label><input type="radio" name="gender" value="female">女</label>
上面的代碼示例中,有兩個單選按鈕有相同的 name 屬性值"gender"
。因此,在這兩個單選按鈕之間只能選中其中一個。
總之,如果我們需要選中單選按鈕,就需要使用正確的選擇器和設置正確的屬性值。