image - yahooメールのチェックボックス

Question

Web 2.0 バージョンの yahoo メールでは、ワンクリックですべてのメールを選択するオプションがあります。ヤフーが緑のチェックボックスをどうやって作ったのか興味がある

Answer 1

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

あなたは次のようなものを使用する必要があります

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

Answer 2

ほとんどの最新のブラウザーでフォーム要素のスタイルを設定できます。最も簡単な方法は、jQuery を使用することです: http://www.jquery.com

フォーム要素のスタイルを設定し、「すべてチェック」機能を追加するプラグインがいくつかあります。