Проверьте Переключатель при нажатии на DIV
Они имеют тот же эффект на нормальные механизмы визуализации веб-браузера , но существует принципиальное различие между ними.
, Поскольку автор пишет в сообщение списка рассылки :
Думают о трех различных ситуациях:
- веб-браузеры
- слепые люди
- мобильные телефоны
"Полужирный" являются стилем - когда Вы говорите "полужирный слово" , люди в основном знают, что это означает добавлять больше, скажем, "обводить чернилами", вокруг букв, пока они не выделяются больше среди остальной части букв.
, Который, к сожалению, ничего не значит для слепого человека. По мобильным телефонам и другому PDAs, текст является уже полужирным, потому что разрешение экрана является очень маленьким. Вы не можете полужирный полужирное, не завинчивая что-то.
стиль - мы знаем то, на что "полужирный", как предполагается, похож.
однако признак того, как что-то должно быть понято . "Сильный" мог (и часто делает), средний "полужирный" в браузере, но он мог также означать более низкий тон для говорящей программы как Челюсти (для слепых людей) или быть представлен подчеркиванием (так как Вы не можете полужирный полужирное) на Palm Pilot.
HTML никогда не предназначался, чтобы быть о стилях. Сделайте некоторые поиски для "Tim Berners-Lee" и "семантическая паутина". semantic— это описывает текст, который это окружает (например, "этот текст должен быть более сильным, чем остальная часть текста, который Вы отобразили" ) в противоположность описанию , как текст это окружает , должен быть отображен (например, "этот текст должен быть полужирным" ).
3 ответа
Вместо использования jQuery все это можно сделать в собственном HTML с помощью элемента . Вот его пример в действии.
<ul id="answers">
<li>
<label>
<input type='radio' name='answer_id' value='313'> True
</label>
</li>
<li>
<label>
<input type='radio' name='answer_id' value='314'> False
</label>
</li>
</ul>
Правильное использование тега метки:
<input type="checkbox" id="checkme" name="checkme" /> <label for="checkme">Toggle this checkbox on/off</label>
for = "..." всегда ссылается на идентификатор входа.
может быть что-то вроде:
$('#answers li div').click(function(){
var r = $(this).find('input[type=radio]');
if($(r).is(":checked"))
{
$(r).attr("checked", "");
}
else
{
$(r).attr("checked", "checked");
}
});