チェックボックスをオンにしたときにJquery関数を実行する

Question

JavaScriptコードはこのようなもので、チェックボックスをオンにしたときにのみこの関数を実行する必要があります。

<script type="text/javascript"> 

    $(document).ready(function zoom() { 
    $('.ThumbaGallery').Thumba({ 
      effectThumba: 'easeOutBack', 
      effectDuration: 450, 
      keyNav: true, 
      mouseNav: true, 
      coeffZoom: 2.5, 
      speedOpenLightBox: 100, 
      legendPadding: 5, 
      legendOpacity: 0.8 
     }); 

    }); 

Answer 1

更新あなたは.isメソッドを使用することができ、文書のid="chkboxID"とチェックボックスが用意持っていると言うが、これは唯一の

$(function(){ 

    if($("#chkboxID").is(":checked")){ 
    $('.ThumbaGallery').Thumba({ 
       effectThumba: 'easeOutBack', 
       effectDuration: 450, 
       keyNav: true, 
       mouseNav: true, 
       coeffZoom: 2.5, 
       speedOpenLightBox: 100, 
       legendPadding: 5, 
       legendOpacity: 0.8 
      });  
    }  
    }); 

ページのロード時にチェックされます：

更新されたコードはattacページ上のすべての チェックボックスの時間変更イベントハンドラを使用すると、 特定のチェックボックスの変化に応じてセレクタを変更

$(":checkbox").change(function(){ 
if($(this).is(":checked")) 
{ 
    $('.ThumbaGallery').Thumba({ 
        effectThumba: 'easeOutBack', 
        effectDuration: 450, 
        keyNav: true, 
        mouseNav: true, 
        coeffZoom: 2.5, 
        speedOpenLightBox: 100, 
        legendPadding: 5, 
        legendOpacity: 0.8 
       }); 
} 
}); 

Answer 2

var checkbox_value = 1; //Its checked on 

if(checkbox_value){ 

    $(document).ready(function zoom() { 
    $('.ThumbaGallery').Thumba({ 
      effectThumba: 'easeOutBack', 
      effectDuration: 450, 
      keyNav: true, 
      mouseNav: true, 
      coeffZoom: 2.5, 
      speedOpenLightBox: 100, 
      legendPadding: 5, 
      legendOpacity: 0.8 
     }); 

    }); 
} 

Answer 3

<input class="mycheck" type="checkbox"/>​ 

JSを聞きたい場合：

$(".mycheck").change(function(){ 
     if(this.checked){ zoom(); } 

    })​ 

    function zoom() { 
    $('.ThumbaGallery').Thumba({ 
      effectThumba: 'easeOutBack', 
      effectDuration: 450, 
      keyNav: true, 
      mouseNav: true, 
      coeffZoom: 2.5, 
      speedOpenLightBox: 100, 
      legendPadding: 5, 
      legendOpacity: 0.8 
     }); 
    } 

Answer 4

function zoom() { 
    $('.ThumbaGallery').Thumba({ 
     effectThumba: 'easeOutBack', 
     effectDuration: 450, 
     keyNav: true, 
     mouseNav: true, 
     coeffZoom: 2.5, 
     speedOpenLightBox: 100, 
     legendPadding: 5, 
     legendOpacity: 0.8 
    }); 
} 

$(function() { 
    $(< your checkbox selector >).change(function() { 
     if ($(this).prop('checked')) { 
      zoom(); 
     } 
    }).change(); 
});