删除不适用于 MooTools 的类答案

【问题标题】：Remove class not working with MooTools删除不适用于 MooTools 的类
【发布时间】：2011-08-22 22:21:49
【问题描述】：

我在我的网页中使用以下代码来更改选择元素的类别，具体取决于单选按钮的选择。

我添加类的部分工作正常，但另一个（我删除它们的部分）不起作用。我在错误控制台中没有收到任何错误，当我更改代码以使删除类的部分将另一个类放入选择元素时，它工作正常。

<script type="text/javascript">
  window.addEvent('domready', function(){
   $('votconj').addEvent('click', function() {
     // This works fine
     $('first_name_conjoint').addClass("validate['required','nodigit']");
     $('last_name_conjoint').addClass("validate['required','nodigit']");
     $('jj_conjoint').addClass("validate['required']");
     $('mm_conjoint').addClass("validate['required']");
     $('aaaa_conjoint').addClass("validate['required']");
     $('conjoint_regime').addClass("validate['required']");
     new FormCheck('formulaire');
   });

   $('votconj_no').addEvent('click', function() {
     // This doesn't work !
     $('first_name_conjoint').removeClass("validate['required','nodigit']");
     $('last_name_conjoint').removeClass("validate['required','nodigit']");
     $('jj_conjoint').removeClass("validate['required']");
     $('mm_conjoint').removeClass("validate['required']");
     $('aaaa_conjoint').removeClass("validate['required']");
     $('conjoint_regime').removeClass("validate['required']");
     new FormCheck('formulaire');
   });


   new FormCheck('formulaire');
});
</script>


// The radio button
<label>Conjoint :</label>
    <input type="radio" name="votconj" id="votconj" value="oui">oui
    <input type="radio" name="votconj" id="votconj_no" value="non" checked="checked">non

【问题讨论】：

标签： javascript class mootools radio-button

【解决方案1】：

它不起作用，因为 MooTools 的“.removeClass()”方法会简单地将类名塞入正则表达式的中间，而无需转义嵌入的正则表达式元字符。

但是，您可以通过自己进行适当的引用来解决该问题。在这个例子中，它看起来像这样：

 $('first_name_conjoint').removeClass("validate\\['required','nodigit'\\]");

Here 是一个 jsfiddle。

【讨论】：

非常感谢您的回答！