Toggling класс с JQuery

Question

Привет Я хочу, чтобы переключить класс двухпозиционный, но только один может быть выбран, что-то похожее на вход радио:

$('.text-selection').on('click', function() { 
    $(this).toggleClass('on-off'); 
}); 

Это мой fiddle. Благодарю.

Answer 1

Просто удалите класс от братьев и сестер текущего элемента:

$('.text-selection').on('click', function() { 
    $(this).toggleClass('on-off').siblings().removeClass('on-off'); 
}); 

Демо: http://jsfiddle.net/MFQc9/4/

Answer 2

Вы должны удалить класс 'on-off' для других элементов с классом '.text-selection', когда любой элемент щелчок.

$('.text-selection').on('click', function() { 
    $(this).toggleClass('on-off'); 
    $('.text-selection').not(this).removeClass('on-off'); 
}); 

Check Demo

Answer 3

Вы можете сбросить те уже перед тем переключая их, например, так:

$('.text-selection').on('click', function() { 
    $('.text-selection').removeClass('on-off'); 
    $(this).toggleClass('on-off'); 
}); 

Answer 4

Удалить класс от выбранного элемента, а затем добавить класс к на который было наложено:

$('.text-selection').on('click', function() { 
    $('.on-off').removeClass('on-off'); 
    $(this).toggleClass('on-off'); 
}); 

JSFiddle

Answer 5

Добавить $('.point-and-click').removeClass('on-off'); в качестве первого оператора в вашей функции