2011-09-15 103 views
0

我想用addClass和removeClass制作一个自定义的简单切换按钮。jQuery addClass

的按钮看起来像这样:

<input type="button" class="btn shortcutson" value="Enable"> 
<input type="button" class="btn shortcutsoff selected" value="Disable"> 

和拨动我用这个:

$(".searchbtnon").click(function(){ 
     $('.searchbtnoff').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    $(".searchbtnoff").click(function(){ 
     $('.searchbtnon').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

为什么不是这方面的工作?

回答

3

您的班级名称与您的HTML内容不匹配。

input。比如说shortcutson

但你的jQuery查找.searchbtnon

改变他们匹配,你应该没问题。

+0

真的很抱歉。与jsFiddle的混淆了。你可以投票结束吗?谢谢 – jQuerybeast

+0

按要求完成@jQuerybeast ...虽然你也可以接受它;-) –

+0

谢谢@jQuerybeast! –