0

我正在开发一个培训模块，想检测用户是否点击了“item 1”、“item 2”和“item 3”（顺序无关）。当所有项目至少单击一次时，会显示一个“继续”按钮，这会将用户带到培训的下一部分（超链接）。有没有办法用 jQuery 做到这一点？

4

2 回答 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 回答