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

Question

根据复选框单击隐藏/显示 div。在 jsFiddle 中工作，但不会在我的网站上。有什么想法吗？

我想做的是有多种付款方式（CC、Paypal 等），并且根据您检查的方式，我将显示该方式的相关付款信息。

这里是相关的 jsFiddle 链接：

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

我的 JS 是：

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

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

Answer 1

因为你的脚本

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

在声明#CCMethod 之前运行。将其包装在 doc-ready 中：

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

Answer 2

我建议使用click 事件而不是更改，change 在旧 IE 中是错误的（jQuery 可能会处理这个错误，但无论如何这是一个很好的做法）。所以试试click 是否适合你。

如果你不关心 IE:checked 伪选择器。此选项不需要 javascript。看这里：http://jsfiddle.net/y9cQD/（可以通过transition添加显示/隐藏动画）

附：刚刚注意到 J Torres 的回答 - 可能是原因。

Answer 3

换行：

if (this.checked) {

为此：

if ($(this).is(':checked')) {

要检查复选框是否被选中，您必须使用 ':checked' jQuery 选择器。