我是JQuery的新手,真的很感激一些帮助! 我有动态复选框,上面有一个图标和图像(隐藏复选框)...
checkboxes
我想要点击每个复选框时点击图像和图标...
这是我正在尝试的脚本......
Datatables
单击任何复选框时没有任何反应...我似乎无法确定我的JQuery的问题是什么。 请帮忙!我被卡住了!
JSFiddle :https://jsfiddle.net/Lgxacm9m/3/
选中后(它应如下所示):https://jsfiddle.net/m278c236/1/
答案 0 :(得分:0)
在jQuery中,#
用于通过某个id
标识元素。您的复选框没有id
的{{1}},而是chkbx
name
。所以:
chkbx
应该是:
$("#chkbx").change(function() {
编辑:如果事件仍未触发,则在将checkbox元素加载到DOM之前,事件处理程序可能会尝试绑定。您可以通过确保代码仅在整个页面呈现后执行来解决此问题。要完成此操作,请按如下方式编辑代码:
$("[name='chkbx']").change(function () {
$(function() {
$(document).on("change", "[name='chkbx']", change(function () {
alert("At least the event is firing...");
if ($(this).is(':checked'))
{
$(this).next().find('i').attr('class', 'btn fa fa-check-square-o');
$(this).next().find('img').attr('src', 'http://localhost:3162/images/moderator-red.gif');
}
else
{
$(this).next().find('i').attr('class', 'btn fa fa-plus-square-o');
$(this).next().find('img').attr('src', 'http://localhost:3162/images/moderator-blue.gif');
}
});
});
是$(document).ready()