我正在尝试使用原始JS创建切换操作。因此,我必须添加和删除每个部分,而不是使用切换类。
当用户点击一个单选按钮时,一个div获取类enabled
,另一个div获得控制我样式的类disabled
(将该区域变灰)
JS Fiddle showing the problem.
我正在使用以下内容:
var d = document.getElementById('justfull');
d.className = d.className + " enabled";
然后给另一个div disabled
var other = document.getElementById('firstandlast');
other.className = other.className + " disabled";
但是,如果以前添加了课程,我就会被解雇。很明显,用户可以在两个单选按钮之间切换。我需要将enabled
类添加到我的新div中,但我还需要检查以前是否添加了disabled
类,如果是,请将其删除。
所以我使用以下代码:
var oldclass="disabled";
d.className=d.className.replace(oldclass,"");
但这似乎不起作用,因为类名只是添加和添加,直到我有这样的东西:
<div id="justfull" class=" enabled enabled enabled disabled">
我如何才能正确地添加enabled
类并检查其他类的删除?基本上是一个切换类,但是在原始JS中。