Я создал Fiddle, используя чистый CSS. Ответ с наибольшим количеством голосов не обрабатывает события щелчка и не будет работать должным образом, поскольку значение флажка не изменится.
Это мой пример:
В основном нам нужен следующий html:
И следующий CSS:
.checkbox_wrapper{
position: relative;
height: 16px;
width: 17px;
}
input[type="checkbox"] {
opacity:0;
height: 16px;
width: 17px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
input[type="checkbox"] + label{
background:url('../images/unchecked.png') no-repeat;
height: 16px;
width: 17px;
display:inline-block;
padding: 0 0 0 0px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
input[type="checkbox"]:checked + label{
background:url('../images/checked.png') no-repeat;
height: 16px;
width: 17px;
display:inline-block;
padding: 0 0 0 0px;
}
Просто проверьте маршруты изображений, а ширина и высота должны быть равны ширине и высоте изображений. На скрипаче я использую изображения в кодировке base64.
Я надеюсь, что это может быть полезно.
Вот как я это делаю:
#pragma mark -
#pragma mark NSURLConnection Delegate Methods
- (void)connection:(NSURLConnection*)connection didReceiveResponse:(NSURLResponse*)response {
NSHTTPURLResponse* httpResponse = (NSHTTPURLResponse*)response;
int responseStatusCode = [httpResponse statusCode];
}
Но я использую асинхронное соединение NSURLConnection, так что это может вам не помочь. Но я надеюсь, что так или иначе!