ホームページ  >  記事  >  ウェブフロントエンド  >  チェックボックス全選択と逆選択のjs実装例_基礎知識

チェックボックス全選択と逆選択のjs実装例_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:50:201188ブラウズ

すべてのチェックボックスをオンにする例

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

function selectAll(form) {
var obj = document.getElementsByName('selectall');
var cks = document.getElementsByTagName("input");
var ckslen = cks.length;
for(var i=0;i if(cks[i].type == 'checkbox') {
cks[i].checked = obj[0] .checked;
}
}
}



すべてのチェックボックスをオンまたはオフにする例

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



<script><br>function selectAll(){<br> var checklist = document.getElementsByName ("selected");<br> if(document.getElementById("controlAll").checked)<br> {<br> for(var i=0;i<checklist.length;i )<BR> {<BR> checklist[i].checked = 1 ;<BR> } <BR> }else{<BR> for(var j=0;j<checklist.length;j )<BR> {<BR> checklist[j].checked = 0;<BR> }<BR> }<BR>}<BR></script>



全选

1:

2:

3:

4:

5:

6:



js按键イベント说明

onClickイベント

ネズミ标单击イベントは最も頻繁に見られるイベントの 1 つであり、ユーザーがマウスを選択したときに指定されたイベント処理プログラムまたはコードが実行されます。

onChange イベント

onChange イベントは、ファイルのコンテンツが変更されたときに発生するイベントです。

ファイルの説明 < br>
11 回目は onChange イベントを使用し、テキスト フレームのコンテンツ イベントが変更されると、テキスト フレームに対する警告メッセージを表示します。

onSelect

onSelect イベントは現在のテキスト フレームのコンテンツです。

ファイルは、
11番目にSelectイベントで使用され、このフレーム内のコンテンツが選択中に表示されるときに、警告が表示される結果を示します。 br>
onFocus イベント

onFocus イベントは、テキスト内にライトが落ちたときに発生するイベントです。

文の説明
第 12 回の使用 Onfocus
onLload イベント
onload イベントは、マウスで 2 番目のテキスト フレームが選択されると自動的に起動され、現在のネットワークが表示されるときに発生します。

ファイルは、
9 回目の使用 OnLoad イベントを説明しており、ネットワークが開いているときに自動的に 1 つの警棒を開きます。

onUnload イベント

onUnload イベントは、現在のネットワークが停止されているときに発生するイベントです。

ファイル説明

9 行目は、onUnload イベントを使用し、ネットワークが切断されているときに自動的に警表示棒を開きます。

onBlur イベント

onBlur イベントは、テキスト フレーム内で光が遮断されているときに発生するイベントです。

15

文例説明

第 12 回 onBlur イベントを使用し、マウスで 2 番目のテキストブックを開くときに、自動的に onBlur イベントを起動します。

onMouseover イベント

onMouseover イベントは、マウスがトップ要素の上方に移動したときに発生するイベントです。、、

ファイル説明
;
10 番目に使用される onMouseover イベントは、マウスがマウスを移動文字に向けたときに、自動的に onMouseover イベントを起動します。
onMouseout イベント

onmouseout イベントは、マウスがマウスをマウスのトップページ要素の上に置いたことを示します。このファイルは、
10 番目に onmouseout イベントを使用し、マウスがアニメーション文字を離れると、onmouseout イベントが自動的に起動されることを示しています。
onDbclick イベント

マウスがダブルクリックされると、ondbclick イベントが発生します。同時に、ondbclick で指定されたイベント処理プログラムまたはコードが実行されます。







声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。