根据复选框点击隐藏/显示div。在jsFiddle中工作，但不会在我的网站上。有任何想法吗？ [英] Hide / Display div based on checkbox click. Works in jsFiddle, but won't on my site. Any ideas?

问题描述

隐藏/显示基于复选框单击的div。在jsFiddle中工作，但不会在我的网站上。任何想法？

我想要做的是有多种付款方式（CC，PayPal等等），并基于您检查过的一个，我将显示该方法的相关支付信息。

以下是相关的jsFiddle链接：

< a href =http://jsfiddle.net/mxRCz/88/ =nofollow> http://jsfiddle.net/mxRCz/88/

My JS is：

  $（'＃CCMethod'）。change（function（）{
 if（this.checked）{
 $（'＃CCPay'）。fadeIn（'slow'）; 
} else {
 $（'＃CCPay'）。fadeOut（'slow' ）; 
} 
}）; 
  

我的网站暂存区位于： https://rsatestamls.kaliocommerce.com:444/checkout.aspx

解决方案

这是因为你的脚本

  $（'＃CCMethod'）。change（function（）{
 if（$（this）.is（'：checked'））{
 $（'＃CCPay'）。fadeIn（'slow'）; 
} else {
 $ （'#CCPay'）。fadeOut（'slow'）; 
} 
}）; 
  

正在声明 #CCMethod 之前运行。将它包装在一个doc-ready中：

$ $ $ $ $（$＃$ b $'（'#CCMethod'）。change （function（）{
if（$（this）.is（'：checked'））{
$（'＃CCPay'）。fadeIn（'slow'）;
} else {
$（'＃CCPay'）。fadeOut（'slow'）;
}
}）;
}）;

Hide / Display div based on checkbox click. Works in jsFiddle, but won't on my site. Any ideas?

What I'm looking to do is have multiple payment methods (CC, Paypal, etc, etc.) and based on the one you've checked, I'll display the relevant payment information for that method.

Here is the relevant jsFiddle link:

http://jsfiddle.net/mxRCz/88/

My JS is:

$('#CCMethod').change(function(){
  if (this.checked) {
    $('#CCPay').fadeIn('slow');
  } else {
    $('#CCPay').fadeOut('slow');
  }                   
});

My site staging area is at: https://rsatestamls.kaliocommerce.com:444/checkout.aspx

解决方案

It's because your script

  $('#CCMethod').change(function(){
      if ($(this).is(':checked')) {
        $('#CCPay').fadeIn('slow');
      } else {
        $('#CCPay').fadeOut('slow');
      }                   
    });

is running before #CCMethod is declared. Wrap it in a doc-ready:

$(function() {
    ('#CCMethod').change(function(){
      if ($(this).is(':checked')) {
        $('#CCPay').fadeIn('slow');
      } else {
        $('#CCPay').fadeOut('slow');
      }                   
    });
 });

这篇关于根据复选框点击隐藏/显示div。在jsFiddle中工作，但不会在我的网站上。有任何想法吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！