переключатели своими руками
 

Здравствуйте, есть блоки с указанием размеров

<div class="size"><p>S</p><input type="hidden" value="1"></div>
<div class="size"><p>M</p><input type="hidden" value="2"></div>
<div class="size"><p>L</p><input type="hidden" value="3"></div>
<div class="size"><p>XL</p><input type="hidden" value="4"></div>
<div class="size"><p>XXL</p><input type="hidden" value="5"></div>

Как при нажатии на один блок сделать его красным но чтобы остальные блоки делались белыми (то есть чтобы можно было выбрать только один размер)и передать значение его инпута аяксу

а <input type="radio" не подходит?

а как его декорировать под квадрат размером 30 на 30 и с размером по центру?

Есть варианты... :D
http://www.xiper.net/collect/html-an...io-na-css.html

а как по другому без радио или чекбоксов

ещё через http://htmlbook.ru/html/select можно

ведь есть вложенный инпут со значением можно на него сослаться, а при чем здесь селект, я понимаю что нужно при клике нужно класс добавлять а как изменить класс у остальных, есть такой селектор как остальные

Есть "всем, кто внутри"... Есть фильтрация из выбраных...

В твоем варианте можно организовать так:
- снять всем
- потом поставить текущему