JavaScript全選択効果の学習メモ_PHPチュートリアル

私がやりたい効果は、ページを開いたときにすべてのチェックボックスを自動的に選択することです。まず、タイプ「input」のすべての要素を取得し、次に選択した各オプションにクリックイベントを追加します。すべてのオプションが選択されている場合、各要素の 'checked' 属性はループによって true になり、それ以外の場合は、要素の id 属性で指定された要素を取得するオブジェクトを返します。 document.getElementById(' ') は、コントロール TAG (type 属性) に基づいてコントロール オブジェクトを取得し、オブジェクト配列を返します。

すべて選択効果を実現するには、まず一連のオプションを定義する必要があります。

コードは次のとおりです 次に、JavaScript を使用して効果を実現します。チュートリアルでは、[すべて選択] をクリックした場合にのみすべてを選択できるようになり、もう一度 [すべて選択] をクリックすると、すべての選択を解除することはできません。ここでは、私自身の理解でこの機能を追加しました。

コードをコピー
すべて選択

コードは次のとおりですコードをコピー