Jquery对复选框勾选状态的影响

Jquery effect on checkbox checked status

本文关键字：状态 影响 复选框 Jquery      更新时间：2023-09-26

我正在尝试实现一个复选框选项来检测复选框的状态-如果复选框被选中，那么运行该功能，如果有人勾选，它应该关闭该功能。

目前，该功能仅在未选中的情况下工作，当用户选中复选框时，该功能启动，但不能禁用。

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 checked function

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

下面是为您工作的代码。

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