Javascript jQuery复选框始终为false

首先，我想说，我知道这个问题已经被问了很多次了，但我可以向你保证，我尝试使用了所有我能找到的答案，但都失败了

因此，首先，我有一个这样的外观（我使用的是laravel，这就是为什么有这个foreach）：

然后

然后

然后我改变了我的测试

if (this.is(':checked'))...

到

然后去

if(this.prop('checked)

当然，每次我都尝试了这些变体

this
headcbx
$(this)
$('#head-cbx')

之后，我尝试使用

$(document).on('change', '#head-cbx', function(){...})

使用我上面列出的所有相同的变体

无论如何，我总是得到相同的结果：false。 所以我开始感到沮丧，我需要帮助，因为我觉得我遗漏了一些明显的东西，但我似乎找不到

---

谢谢：）

您的选择器是错误的，因为

头部cbx

引用了

元素而不是

复选框

，所以请更改选择器

var headcbx = $('#head-cbx :checkbox');

注意：

this.checked

/

$（this）.is（':checked'）

/

$（this）.prop（'checked）

可以工作

或者，修复HTML

<th><input id="head-cbx" type="checkbox" name="example"></th>

问题在于：

var headcbx = $('#head-cbx');

&

---

没错，坦斯克。你只需要这个：-

$（文档）。on（'change'，'tr:first:checkbox'，function（）{$（'input:checkbox'）。而不是（this）。prop（'checked'，this.checked）；}）

this
headcbx
$(this)
$('#head-cbx')

$(document).on('change', '#head-cbx', function(){...})

var headcbx = $('#head-cbx :checkbox');

<th><input id="head-cbx" type="checkbox" name="example"></th>

var headcbx = $('#head-cbx');

<td id="head-cbx">

var headcbx = $('#head-cbx :checkbox');