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

本文介绍了根据复选框点击隐藏/显示div。在jsFiddle中工作，但不会在我的网站上。有任何想法吗？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 隐藏/显示基于复选框单击的div。在jsFiddle中工作，但不会在我的网站上。任何想法？ 我想要做的是有多种付款方式（CC，PayPal等等），并基于您检查过的一个，我将显示该方法的相关支付信息。 以下是相关的jsFiddle链接： 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中工作，但不会在我的网站上。有任何想法吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！