チェックボックスの選択と解除のattr()とprop()の詳細説明

この記事では主に、チェックボックスをオンまたはオフにするための attr() と prop() の詳細な説明を共有します。 まず、CheckBox がチェックされているかどうかは、チェックされた属性の有無と直接の関係がないことを明確にする必要があります。入力の =="チェック済み" です。

js 関数が記述されていない入力: チェックすると、上の図に示すように、選択されるかどうかのみを制御できます。

$('.modal-body input:checked')

上記のコードでは、この jquery セレクターは 2 番目の入力を見つけることができますが、それが見つかるという事実は、その態度 (checked) とは何の関係もありません。

チェックされているかどうかによってチェックされた姿勢を制御したい場合は、次のコードを追加する必要があります:

			$('.modal-body thead').on('click','input',function(){
				if($(this).attr('checked')=='checked'){
					$(this).removeAttr("checked");
				}else{
					$(this).attr("checked", "true");
				}
			});

他の dom 要素のイベントも制御したい場合は、チェックされているかどうかと姿勢を制御する必要があります。次のコードを追加します:

			$('.modal-body thead').on('change','select',function(){
				
				$(this).parent().find('th input').prop('checked','checked');
				$(this).parent().find('th input').attr('checked','checked');
			});

where prop 関数は、選択されるかどうかを制御するために使用されます。使用しない場合、入力要素は選択されませんが、姿勢値が変更されます。

実際、jQuery セレクターは態度の値ではなく、態度が選択されているかどうかを気にするため、実際にはチェックされた態度を気にする必要はありません。

しかし、他の dom 要素の イベントを使用して CheckBox の選択をトリガーする必要がある場合は、prop 関数を使用する必要があります。ユーザーが気にするのは、コンソールを通じた態度の価値ではなく、視覚であるからです。
関連する推奨事項:

入力チェックボックスのスタイルの変更

jQuery でのチェックボックスの使用

js を使用してチェックボックスの値を取得する

以上がチェックボックスの選択と解除のattr()とprop()の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。