关闭slideToggle时如何重置选定的单选按钮? [英] How to reset selected radio buttons when closing slideToggle?
本文介绍了关闭slideToggle时如何重置选定的单选按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个简单的slideToggle设置,可以在页面上打开一个div.有些div包含自检功能.我在弄清楚div关闭时如何重置单选按钮时遇到麻烦.这是jQuery:
I have a simple slideToggle setup that opens a div on a page. Some of the divs have a self test in them. I'm having trouble figuring out how to reset the radio buttons when the div is closed. Here is the jQuery:
$("h2.titleTrigger").click(function(e){
e.preventDefault();
//TOGGLE OPEN/CLOSE THE DIV
$(this).toggleClass("active").next().slideToggle("fast");
return false;
});
//self test
$('input:radio').bind('change',function(e){
e.preventDefault();
var parentId = $(this).parents('.selfTest').attr('id');
$('#'+parentId+' .selfTestWrong').addClass('answerShown');
$('#'+parentId+' .selfTestAnswer').slideDown(300);
});
在此处查看其工作方式: http://jsfiddle.net/3XBgu/
See it working here: http://jsfiddle.net/3XBgu/
当用户关闭slideToggle时,将自检重置为未选择状态的最佳方法是什么?
What is the best way to reset the self test to it's un-selected state when the user closes the slideToggle?
推荐答案
您可以执行以下操作:
$("h2.titleTrigger").click(function (e) {
e.preventDefault();
//TOGGLE OPEN/CLOSE THE DIV
$(this).toggleClass("active").next().slideToggle("fast");
// Re-set all the radio buttons
$('input:radio').prop('checked', false);
// Re-set all the labels class
$('.selfTestWrong').removeClass('answerShown');
return false;
});
这篇关于关闭slideToggle时如何重置选定的单选按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文