Можно ли использовать toggleclass на кнопке, когда достигается максимальное количество добавленных элементов?toggleClass при достижении максимального количества добавленных элементов
Я хочу, чтобы 6 дополнительных разделов/элементов были максимальными. Я добавил счетчик переменных. Таким образом, он увеличивается при добавлении элемента и уменьшается при нажатии кнопки removebutton. Последним шагом является toggleclass кнопку (как отключена кнопка). Итак, когда достигнуто максимальное количество, кнопка toggleClass = красный.
Что я хочу:
На шестом приложенном пункте, фон кнопки меняется на красный и не добавляет больше пунктов (инвалиды). Когда пользователь удаляет один, кнопка переключается обратно в исходное состояние, и кнопка снова запускает событие добавления. Как я могу интегрировать toggleClass в свой код?
HTML
<div id="addbutton">ADD</div>
<div id="box"></div>
JS
var amount = 0;
var div = '<div>' +
'<input type="text"/>' +
'<input type="button" class="removebtn" value="delete"/>' +
'</div>';
$('#addbutton').click(function() {
amount++;
if (amount < 6) {
$('#box').append(div);
//alert(amount);
} else {
$(this).toggleClass(".red");
}
});
$('.removebtn').live('click', function() {
$(this).parent().remove();
amount--;
});
спасибо !! Можете ли вы объяснить важную часть немного больше? – Opoe
Удивительный, очень ясный и полезный ответ – Opoe