Избиране на изброени елементи

[chepa]

Здравейте, много ще ми е трудно да обясня идеята, и това което искам, но ще се опитам. Искам да направя нещо на принципа на радио бутони. Имаш изброени неща и просто кликваш в/у тях и ти ги добавя. Примерно:
( * ) - това е нещо като бутон ;д
( * Домат ) ( * Краставица ) (* Лук ) ....... и така.

И когато се цъкне в/у тях те да са маркирани, като избрани и да се добавя в поле по - долу. Надявам се да сте ме разбрали

 

[SVTerziev]

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
</head>
<body>
    <input id='tomato' class='item' type='checkbox' value='Tomato'>
    <label for='tomato'>Tomato</label><br>
    <input id='lemon' class='item' type='checkbox' value='Lemon'>
    <label for='lemon'>Lemon</label><br>
    <input id='pineapple' class='item' type='checkbox' value='Pineapple'>
    <label for='pineapple'>Pineapple</label><br>
    <input id='bomb' class='item' type='checkbox' value='A bomb'>
    <label for='bomb'>A bomb</label><br><br>

    <textarea id='order' placeholder='Your order' cols='20' rows='7' disabled='disabled'></textarea>

    <script src='js.js'></script>
</body>
</html>

js.js
[js](function ($, window, document, undefined) {
var item = $('.item');
var order = $('#order');

item.on('click', function () {
var _this = this;
var orderText = order.val();

if (_this.checked) {
order.append(_this.value + '\n');
} else {
orderText = orderText.replace(_this.value + '\n', '');
order.text(orderText);
}
});
})(jQuery, window, document);
[/js]

http://jsfiddle.net/gaf4794p/ :?:

 

[anonimen]

SVTerziev само не разбрах защо ползваш :roll:
[js]var _this = this;[/js]
Тук не е ли излишно? Нямаш никъде цикъл с event listener или други подобни, за които това да се налага...