如何在动态复选框上更改图像?

时间:2017-12-09 17:22:33

标签: jquery checkbox dynamic

我是JQuery的新手,真的很感激一些帮助! 我有动态复选框,上面有一个图标和图像(隐藏复选框)...

checkboxes

我想要点击每个复选框时点击图像和图标...

这是我正在尝试的脚本......

Datatables

单击任何复选框时没有任何反应...我似乎无法确定我的JQuery的问题是什么。 请帮忙!我被卡住了!

JSFiddle https://jsfiddle.net/Lgxacm9m/3/

选中后(它应如下所示):https://jsfiddle.net/m278c236/1/

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()

的简写