jquery - Jquery Toggle すべて選択

Question

これを使用して、ID「test」のドロップダウンリストですべてのエントリを選択しています

$("#All").click(function () { $('#test option').attr('selected', 'selected'); });

すべて選択/選択解除に変更したいのですが。どうすればそれを行うことができますか？

ありがとう ：）

Answer 1

選択値の切り替えが必要だと思いますが、

http://jsfiddle.net/TTpRU/1/

 <a href="javascript:;" id="All" rel="0">Select All</a>
<select name="test" id="test" multiple>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
    <option>Four</option>
    <option>Five</option>
</select>

$("#All").click(function () { 

    if( $(this).attr('rel') == 0)
    {
        $('#test option').prop('selected', true); 
        $(this).attr('rel' ,1).text('Deselect All');
    }
    else
    {
        $('#test option').attr('selected', false);
        $(this).attr('rel',0).text('Select All');
    }
});