当复选框被选中时，应该执行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函数

回答

相关问题