我通过 JQuery Ajax 和 PHP 脚本将按钮添加到元素。添加的按钮数量是可变的。我希望能够在启用另一个操作之前检查每个按钮是否已被单击。
PHP脚本中的相关代码如下,每个按钮都有一个递增的ID:
$i = 1;
while ($row = mysql_fetch_array($result)) {
echo "<div class='dr_feedback_btn' id='dr_" . $i++ . "'>Feedback</div>";
}
我在 JQuery 中有以下代码用于基于按钮类的按钮单击:
$('#dr_container').on('click', '.dr_feedback_btn', function() {
...
});
下图显示了反馈按钮。
感谢任何帮助。
最佳答案
你可以在每个按钮被点击时添加一个"clicked"
类,然后测试是否有任何按钮没有那个类:
$('#dr_container').on('click', '.dr_feedback_btn', function() {
$(this).addClass('clicked');
if ($('.dr_feedback_btn').not('.clicked').length === 0) {
// all are clicked, so enable your other action here
}
// other click processing here
});
"clicked"
类当然可以随意命名,并且不需要存在于您的 CSS 中,尽管您可能会考虑给用户一些视觉指示,表明哪些按钮已经被点击了(并且您可以为此使用新类)。
关于javascript - JQuery - 检查每个动态添加的按钮是否被点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44916181/