Javascript Jquery对复选框选中状态的影响

我试图实现一个复选框选项来检测复选框的状态-如果选中复选框，则运行该函数，如果有人选中，则应关闭该函数

当前，该函数仅在未选中时才工作，当用户选中该框时，该函数将启动，但您不能禁用它

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);
    }

}

---

这是适用于您的代码

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

“但你不能禁用它”是什么意思？如果。。。代码中是否有其他语句？当复选框未选中时，是否要删除生成的元素？

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