单击重置按钮后,无法重置自定义单选按钮样式

史蒂文

重置按钮需要单击两次才能工作(删除选定的标签类别)。

$(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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章