На сайте есть блок список товаров (в моем случае это мобильные номера) - номера в виде кнопок. Необходимо, чтобы посетитель сайта мог кликнуть на понравившейся номер (или несколько номеров) из списка (список 50 номеров), номер выделился цветом и добавился в форму сайта в строчку "выбранные номера". Если по номеру кликает повторно - этот номер удаляется.
Сейчас код такой (не могу понять как сделать, чтобы номер удалялся):
JQUERY:
$(document).ready(function() {
$(function() {
$('.btn_1').click(function() {
$(this).toggleClass('click_number_green');
});
});
var items = [];
$('.btn_1').on('click', function() {
var value = $(this).data('pos');
if(items.indexOf(value)==-1){
items.push(value);
}
$('#out').text(items);
});
});
<div id="btn">
<p><button class="btn_1" data-pos="925-764-85-63">925-764-85-63</button></p>
<p><button class="btn_1" data-pos="925-645-85-73">925-645-85-73</button></p>
<p><button class="btn_1" data-pos="925-111-35-67">925-111-35-67</button></p>
<p><button class="btn_1" data-pos="925-722-12-34">925-722-12-34</button></p>
<p><button class="btn_1" data-pos="925-764-85-63">925-764-85-63</button></p>
<p><button class="btn_1" data-pos="925-764-85-63">925-764-85-63</button></p>
<p><button class="btn_1" data-pos="925-764-85-63">925-764-85-63</button></p>
<p><button class="btn_1" data-pos="925-764-85-63">925-764-85-63</button></p>
</div>