javascript - jQuery - 使用 .change 事件清除表单字段

Question

我使用以下 jQuery 代码根据与 3 个单选按钮关联的更改事件来切换 div 显示:

(function ($) {
  Drupal.behaviors.change_form_fields = {
    attach: function(context, settings) {
      $('div.form-item-payment-method input').each(function() {
        if (this.value != 'existing-bill') {
          $('div#' + this.value).css('display', 'none');
        }
      });

      $('div.form-item-payment-method input').change(function() {
        show_class = this.value;
        $('div.form-item-payment-method input').each(function() {
          if (this.value != show_class) {
            $('input#edit-' + this.value).val('');
            $('div#' + this.value).css('display', 'none');
          } else {
            $('div#' + this.value).css('display', 'block');
          }
        });
      });
    }
  }
}(jQuery));

这工作得很好，但我想添加更多内容。

如果用户选择一个单选按钮，我想空白/清除其他组中的表单字段。与 onload (.each) 一样，它们在显示内容周围有 div。

我尝试使用 .attr 和 .val，但选择另一个单选按钮时，表单字段不会清除。我缺少什么？ jQuery 1.4x+

Answer 1

val('') 应该可以解决问题，因此选择器或代码未运行肯定存在其他问题。