重置按钮需要单击两次才能工作(删除选定的标签类别)。
$(document).ready(function() {
$(".model-list li input").click(function(e) {
$(".model-list li label").removeClass("selected");
if (!$(this).parent().hasClass("selected")) {
$(this).parent().addClass("selected");
}
});
initBtns();
$(".reset-btn").click(function() {
initBtns();
});
function initBtns() {
$(".model-list li").each(function(e) {
if ($(this).find('input').is(":checked")) {
$(this).find('label').addClass("selected");
} else {
$(this).find('label').removeClass("selected");
}
});
}
});
这是jsfiddle结果: https://jsfiddle.net/qh8f3rw6/
谢谢。
您的问题在于,reset
只有在您的initBtns
函数实际运行后,表单的才会真正发生。您实际上需要做的是reset()
在initBtns()
:之前调用该函数:
$(".reset-btn").click(function() {
$(this).closest('form').get(0).reset();
initBtns();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句