Javascript 如何使用onClick在表单元素中切换类？

我正在寻找一些JS或jQuery（插件或其他）来帮助我操作jQuery的验证插件在表单字段中用于表单验证的class=“required”。我需要能够切换到该类等于零时，删除按钮被单击

下面是关于为什么我需要能够切换该类“required on”或“off”的更多上下文：

1） 这是一个活动的多个参与者的登记表

2） 表单中有一个控件，允许注册人“删除”一名与会者（如果他/她决定带2人而不是4人）。这将切换该与会者表单元素所在DIV的可见性。我可以看到表单元素属于哪个与会者，因为我的PHP循环使用first_name_1（对于第一名与会者）创建了表单元素然后，第二个与会者将有第一个姓名。然后，每个div_attendee_1、2或3都有自己的表单字段，并在每个字段的末尾附加此计数器

3） 当一个div呈现visibility=“hidden”时，我也会重置该div中的表单元素。但我认为我还需要访问class=“required”来呈现它class=“”

最好的方法是什么？以下是我到目前为止使用的jQuery切换可见性和重置字段值：

验证：

 <script>
  $(document).ready(function(){
    $("#the_form").validate();
  });
  </script>

$（文档）.ready（函数（）{
$（“#表格”）.validate（）；
});

然后：

<script language="JavaScript">
  function showhidefield(hideablearea){
   document.getElementById(hideablearea).style.visibility = "hidden";
   var el = document.getElementById(hideablearea);
    if ( el.style.display != 'none' ) {
        el.style.display = 'none';
    }
    else {
        el.style.display = '';
    }
    $('#' + hideablearea).hide().find("input").val("");
    $('#' + hideablearea).attr('disabled', true);
  }
</script>

函数showhidefield（hideablearea）{
document.getElementById（hideablearea.style.visibility=“hidden”；
var el=document.getElementById（hideablearea）；
如果（el.style.display！=“无”）{
el.style.display='none'；
}
否则{
el.style.display=''；
}
$（'#'+hideablearea.hide（）.find（“输入”）.val（“”）；
$（'#'+hideablearea）.attr（'disabled'，true）；
}

我是否应该尝试使用inner.html重写元素

谢谢！

换衣服

$('#' + hideablearea).hide().find("input").val("");

到

---

您可以使用addClass和removeClass。您也可以使用.css并将值设置为某个值，或者将其设置为nothing，这将添加和删除样式而不是类…看起来您需要类级别。

这样做了！我知道这很简单…但我对jQuery还是新手。谢谢！

$('#' + hideablearea).hide().find("input").val("").removeClass("required");