當複選框被選中時，應該執行Jquery函數

我的JavaScript代碼是這樣的，對於這個函數只有在複選框被選中時才能運行，當複選框被選中時這個功能不應該運行。當複選框被選中時，應該執行Jquery函數

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

    });

來源

2012-02-27 Suneel Prakash

什麼複選框？你有什麼問題？ – nnnnnn 2012-02-27 09:30:18

這到底是什麼，當我們點擊圖像時，圖像會縮小，當我們點擊圖像時，圖像會再次縮小，我的需求會縮小，只有當複選框按鈕被選中時，放大才能工作。 – 2012-02-27 09:32:28

說你有id="chkboxID"在文件準備好，你可以使用.is方法的複選框，但這隻會在頁面加載

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

更新檢查：

更新後的代碼將會加入小時change事件處理每複選框，如果你想聽聽特定的複選框的變化而變化，選擇相應

$(":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 
       }); 
} 
});

來源

2012-02-27 09:30:38 Rafay

我在視覺工作室的可視網站部分使用此代碼的共享點網站，但結果不會看到，如果我檢查或取消選中複選框的jquery正在運行... – 2012-02-27 09:40:09

我已更新答案 – Rafay 2012-02-27 09:55:58

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

    }); 
}

來源

2012-02-27 09:32:43

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

來源

2012-02-27 09:33:46 mgraph

我不認爲你想定義'if'語句中的函數，你想調用它。 – nnnnnn 2012-02-27 09:41:27

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

來源

2012-02-27 09:34:53 xdazz

當我使用這個條件，並選中或取消選中複選框，圖像在新窗口中打開... – 2012-02-27 09:48:09

當複選框被選中時，應該執行Jquery函數

回答

相關問題