Свои стили checkbox без id

[Mary_RND]

Доброго времени суток.

Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label.

Можно ли сделать свой checkbox без id, а через class или js?

Вот пример моей реализации >.<

https://jsfiddle.net/u3Lxgxga/5/

[Switch74]

можно

не пробовали input запихнуть в label

[Mary_RND]

Если я сделаю с данными стилями, то все checkbox будут активны @_@

Вот и спрашиваю, как сделать по другому T_T

[Switch74]

а при чем тут ваши стили и их активность?

<label><input type="checkbox" /><span></span>Интерскол</label>
<label><input type="checkbox" /><span></span>Hitachi</label>

ни каких id и for кликаете по label ставится галочка у вложенного input

[Mary_RND]

Так, а как сделать-то в этой структуре, чтобы у меня был свой стиль checkbox? "_"

https://jsfiddle.net/u3Lxgxga/9/ - как поменять стили правильно?

Я нашла, вот такое решение http://jsfiddle.net/Modder_/5aFaj/ , но почему-то когда делаю локально, не работает

Такое чувство, будто js не до конца копирую...

Edited June 2, 2016 by Mary_RND
Добавила информацию по checkbox, т.к. нашла пример

[Mary_RND]

Сделала так стили, вроде работает ><

			.checkbox-list label {
				width: 120px;
				float: left;
				cursor: pointer;
			}
			.checkbox-list input {
				float:left;
			}
			.checkbox-list span:before { 
			   display:inline-block;
			   position:relative;
			   top:0.25em;
			   left:-2px; 
			   content:'';
			   width:24px;
			   height:24px;
			   background-image:url(../images/formelements.png);
			  
			}
			input[type="checkbox"] + span:before {
			   background-position: 0 -25px;
			}
			input[type="checkbox"]:checked + span:before {
			   background-position: 0 0;
			}

 

[Switch74]

https://jsfiddle.net/u3Lxgxga/10/