Javascript - "is not a function"用于添加到函数的参数

Question

我有这个输入:

<input type="checkbox" id="test_checkbox" onchange="fffunction(this)" /> Something

选中/取消选中复选框后，调用 fffunction 函数:

function fffunction(checked_value) {
  if(checked_value.is(":checked")){
    console.log("checked");
  } else {              
    console.log("not checked");
  }
}

这会返回一个错误:checked_value.is 不是一个函数。如何检查传递的属性是否是函数？如何使用参数？

如果我这样做:

function fffunction(checked_value) {
      if($('#test_checkbox').is(":checked")){
        console.log("checked");
      } else {              
        console.log("not checked");
      }
    }

一切正常...如何使用参数，而不是直接调用函数内的 ID HTML 元素？

提前谢谢您。

Answer 1

您正尝试在原始 DOM 元素上使用 jQuery 函数。为此，您必须首先将其包装在 jQuery 实例中:

function fffunction(checked_value) {
  if($(checked_value).is(":checked")){
//   ^^-------------^---------------------- note
    console.log("checked");
  } else {              
    console.log("not checked");
  }
}

这是直接包装元素，而不是通过 ID。

<小时/>

当然，在这种特殊情况下没有理由使用 jQuery，只需使用元素的 native checked 属性:

function fffunction(checked_value) {
  if(checked_value.checked){
    console.log("checked");
  } else {              
    console.log("not checked");
  }
}