為什么我不能使用jQuery檢查此單選按鈕？

Question

這是我的單選按鈕：

<input type="radio" name="coolSwitch" value="0">Off
<input type="radio" name="coolSwitch" value="1">On

當我加載頁面時，第二個按鈕已經被單擊。 我想運行JS來檢查第一個。 這是我的JS：

$('input[type="radio"][name="heatSwitch"]')[0].prop('checked',true);

但是我得到這個錯誤： $(...)[0].prop is not a function(…)

為什么？

Answer 1

這是因為您正在jQuery對象中訪問索引為0的DOM元素。 您不能在本機DOM元素上使用jQuery方法，這就是為什么您看到錯誤的原因。

使用.eq()方法通過其索引獲取jQuery對象 （而不是DOM元素）：

$('input[type="radio"][name="heatSwitch"]').eq(0).prop('checked', true);

附帶說明一下，值得一提的是，您甚至不必使用.prop()方法。 如果要訪問DOM元素，則只需直接修改checked屬性即可：

$('input[type="radio"][name="heatSwitch"]')[0].checked = true;

或沒有jQuery：

document.querySelector('input[type="radio"][name="heatSwitch"]').checked = true;