jQueryを使用して選択リストのすべてのオプションを選択/選択解除するにはどうすればよいですか？

Question

私はまだjQueryに慣れていないので、正しい構文を得ることは困難でした。 私は、チェックボックスがチェックされているかどうかに基づいて、selectlist要素のすべての要素を一度にすべて選択または選択解除しようとしています。

私は、以下の場合/他の支店では、ここでSOでのいくつかの助けを見つけましたが、見ていると、多くのテストの後、コミュニティに依頼する必要があります...

、他の分岐は正しく動作：

if ($('input[name="select_markers"]:checked').length > 0) { 
     $("#markerlist").prop('selected',true); 
    } else { 
     $('form select option').prop('selected',false); 
    } 

しかし、これはフォームのすべての選択要素に影響しますが、これは嫌いです。私はifブランチでやってみようとしている要素#markerlistに影響を与えたいだけですが、この部分を動作させることはできません。

私はselect要素を反復処理する他の多くの例を見てきましたが、私ができるなら、このクリーンな構文を働かせたいと思います。

TIA、私がお勧めしたい rixter

Answer 1

：

$('input[name="select_markers"]').change(
    function(){ 
     if ($(this).is(':checked')){ 
      $('#markerlist').find('option').prop('selected','selected') 
     } 
     else { 
      $('#markerlist').find('option').prop('selected',false) 
     } 
    }); 

JS Fiddle demo。

Answer 2

あなたはこれを試していましたか？この1

$(".someClass option").attr("selected", "selected");