Question

我正在尝试使用复选框选项来检测复选框的状态 - 如果选中该复选框，则运行该功能，如果有人检查，则应关闭该功能。

目前，该功能仅在未选中时才起作用，当用户选中该框时，该功能启动，但您无法禁用该功能。

var nbDrop = 150; 

// function to generate a random number range.
function randRange( minNum, maxNum) {
  return (Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum);
}

// function to generate drops
function createRain() {

    for( i=1;i<nbDrop;i++) {
    var dropLeft = randRange(0,1260);
    var dropTop = randRange(-1000,1400);

    $('.rain').append('<div class="drop" id="drop'+i+'"></div>');
    $('#drop'+i).css('left',dropLeft);
    $('#drop'+i).css('top',dropTop);
    }

}

Jquery检查函数

$('input[name="purerain"]').on('click', function(){
    if(!$(this).is(':checked')) {

    } else {
        createRain();
    }
});

Answer 1

这里有适合您的代码。

$('input[name="purerain"]').change(function(){
   if($(this).is(':checked')) {
       createRain();
   }
});

对复选框检查状态的Jquery效果

1 个答案: