使用jquery .ready（）来操作typo3中的链式复选框

使用jquery，给定多个复选框，如果选中/取消选中特定复选框，我们可以打开/关闭字段集。 此外，如果默认情况下选中了复选框，则会在页面加载时显示相应的字段集。 请参阅http://jsfiddle.net/Hbmpk/1/但是，如果在Typo3中完成此操作，则在页面加载时不会显示字段集。

这是typoscript：

page.includeJSlibs.jquery.external = 1 page.includeJSlibs.jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js page.headerData.10 = TEXT page.headerData.10.value (  #show fieldset on page load if checkbox checked $(document).ready(function() {$('#showfruit').toggle($('#fruitid').prop('checked')); }); #toggle fieldsets $(window).load(function(){ $('#fruitid').change(function(e) { $('#showfruit').toggle(this.checked); }); $('#vegid').change(function(e) { $('#showveg').toggle(this.checked); }); });  ) 

这是html：

 
 Which food group do you like?  Fruit  Veges    
 You chose Fruit! Name one fruit:  
 
 You chose Veges! Name one veg:  
  

这是对使用typo3-formhandlervalidation以及链式复选框和输入的尝试的简化; 切换工作最初很好，但是当提交，validation和返回表单时（如果强制问题没有回答），则复选框仍保持选中状态，但现在不再显示显示的相应字段集。

ps，jquery感谢Jason P – jquery：基于多个复选框数组中的特定复选复选框切换字段集

Answer 1

TYPO3扩展jquerycolorbox也是活跃的。 jquerycolorbox可能包含一个小于1.6的jquery版本，因此不支持.prop()在.prop()包含更高版本的jquery没有帮助，并且本质上是不正确的练习。

停用jquerycolorbox并包括jquery 1.10.2/jquery.min.js可以正常工作。

鉴于有问题的页面实际上使用TYPO3 formhandlervalidation，也许最好的解决方案是一些typoscript，它接受初始表单提交结果，然后相关定义整个字段集，比如###fruit_fieldset### …