Yahoo Mail Checkbox

Question

В веб-версии электронной почты Yahoo 2.0 у вас есть возможность выбрать все электронные письма одним щелчком мыши. Мне интересно, как Yahoo пометил зеленый флажок

Answer 1

Вы можете стилизовать элементы формы в большинстве современных браузеров, проще всего это сделать с помощью jQuery: http://www.jquery.com

Есть несколько плагинов, которые оформляют элементы формы и добавляют функциональность «проверить все».

Answer 2

function checkAll(list, state)
{
    for (i = 0; i < list.length; ++i)
    {
      list[i].checked = state ;
    }
}

Вам нужно использовать что-то вроде

onClick="javascript:checkAll(document.myform.list, true)"

Answer 3

Полагаю, они используют JavaScript для переключения состояния флажков:

var toggleCheckboxes = function(checkboxes, state) {
    for (var i = 0, l = checkboxes.length; i < l; i++)
        checkboxes[i].checked = state;
};
// usage:
var chks = document.getElementsByTagName('input');
// you could also filter this to only get inputs with "type=checkbox"
toggleCheckboxes(chks, true);
// true means we should check them. Use false to uncheck them.