我有几个图像,旁边是复选框,它不会单独显示,但如果单击标签触发复选框true或false,现在我认为一切都很好,直到我必须使用this
所以每个复选框响应对于它的元素,我的代码运行但是当选中一个复选框时,它会触发每个图像的所有事件。
$(".suggestions").click(function() { if ($(".checkbox").prop('checked') === true) { $("h2").fadeIn("fast").fadeOut(5000) } if ($(".checkbox").prop('checked') === false) { $("h2").fadeIn("fast").fadeOut(5000) } })
基本上,单击复选框时的代码显示已添加的消息,当取消选中时,会显示已删除的消息并消失。 我怎样才能使它工作,所以它使用this
? 这是我的小提琴
这适用于带有类型复选框的每个输入,如果您也保留此结构。
$('input:checkbox').on('change', function() { if ($(this).prop('checked') === true) { $(this).parent('div').siblings('.flex-column').children('h2.addMsg').fadeIn("fast").fadeOut(5000); } else { $(this).parent('div').siblings('.flex-column').children('h2.removeMsg').fadeIn("fast").fadeOut(5000); } });
如果您有任何疑问,请告诉我。
编辑:
当然你可以用classname kdng
替换input:checkbox
。
以上就是jQuery教程分享每个复选框都会触发事件相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/548022.html