Jquery 关闭滑动切换时如何重置选定的单选按钮?
我有一个简单的幻灯片切换设置,可以在页面上打开一个div。一些div有一个自我测试。当div关闭时,我不知道如何重置单选按钮。以下是jQuery:Jquery 关闭滑动切换时如何重置选定的单选按钮?,jquery,radio-button,reset,slidetoggle,Jquery,Radio Button,Reset,Slidetoggle,我有一个简单的幻灯片切换设置,可以在页面上打开一个div。一些div有一个自我测试。当div关闭时,我不知道如何重置单选按钮。以下是jQuery: $("h2.titleTrigger").click(function(e){ e.preventDefault(); //TOGGLE OPEN/CLOSE THE DIV $(this).toggleClass("active").next().slideToggle("fast"); return false; }); //self te
$("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);
});
看到它在这里工作:
当用户关闭幻灯片切换时,将自检重置为未选择状态的最佳方法是什么?您可以这样做:
$("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;
});
这解决了您的问题:
//TOGGLE OPEN/CLOSE THE DIV
$(this).toggleClass("active").next().slideToggle("fast");
$(".hey").each(function(){
this.checked = false;
$('.selfTestWrong').removeClass('answerShown');
$('.selfTestAnswer').hide();
});
return false;
});
(将class=“hey”添加到每个输入)
这项功能非常有效!我还增加了$('selfTestAnswer').slideUp(300);重新隐藏答案段落。非常感谢。