jquery-ui - 未捕获的类型错误 : Object [object HTMLInputElement] has no method 'prop'

Question

当我尝试设置通过 jquery 检查的单选按钮时..它给了我一个错误

Uncaught TypeError: Object [object HTMLInputElement] has no method 'prop'

var sub="twoWheeler";
if (vehicleType == sub) {
       alert("asdasd");
       window.opener.document.getElementById("radios1").prop("checked");
}else{

};

Answer 1

getElementById 返回一个 DOM 元素引用(在您的例子中是 HTMLInputElement )，也就是说，它没有 .prop() 。属于 jQuery objects 的方法.

除此之外，您的代码不会有任何副作用，因为使用单个参数调用 .prop() 只是一个 getter，您不会将其分配给任何东西。要设置元素的 checked 属性，您可以使用:

window.opener.document.getElementById("radios1").checked = true;

上面是使用纯 JS，问题是用 jQuery 标记的，但此时使用它只会让事情变得更困难，因为你正在处理 2 个不同的窗口对象。

<小时/>

假设 jQuery 包含在与 #radios1 相同的页面中，您可以使用:

window.opener.$('#radios1').prop('checked', true);

Demo (可能需要启用弹出窗口)

或者，如果 jQuery 仅包含在运行上述代码的页面中，则可以使用 context selector :

$('#radios1', window.opener.document).prop('checked', true);

Demo (可能需要启用弹出窗口)

但是在我看来，jQuery 只是让事情变得更加困惑。如果两个页面都有 jQuery，那么两个页面都可以工作。纯 JS 不仅速度更快，而且对我来说似乎更干净。