我正在开发一个培训模块,想检测用户是否点击了“item 1”、“item 2”和“item 3”(顺序无关)。当所有项目至少单击一次时,会显示一个“继续”按钮,这会将用户带到培训的下一部分(超链接)。有没有办法用 jQuery 做到这一点?
问问题
78 次
2 回答
2
假设您使用的是多选框:
$('option', '#selectbox').click(function() {
if($('option:selected', '#selectbox').length >= 3)
$('#button').show();
});
基本上只是使用length
属性来定义元素的数量。
于 2013-01-02T05:26:33.960 回答
2
您可以使用单击事件处理程序向单击的元素添加一个类,然后计算该类在页面上的出现次数。
$('.clickable').on('click', function(){ // item1, item2 etc
$(this).addClass('clicked'); // CLASS TO COUNT
if($('.clicked').length == 3) { // IF 3 HAVE CLASS
// SHOW BUTTON
}
});
.length
返回数组中的项目数(本机 javascript),并且由于$('.selector')
返回页面上的元素数组,但是许多匹配给定的选择器$()
(单击的类)它将具有页面上的出现次数。
于 2013-01-02T05:42:13.467 回答