JS は、すべてを選択するか選択しないための CheckBox チェックボックスを実装します。-jsチュートリアル-php.cn

JS は、すべてを選択するか選択しないための CheckBox チェックボックスを実装します。

WBOY

リリース： 2016-05-16 16:00:50

オリジナル

1441 人が閲覧しました

CheckBox コントロールは一般にチェックボックスと呼ばれるもので、通常はオプションをオンまたはオフにするために使用されます。このコントロールは、ほとんどのアプリケーションの [設定] ダイアログボックス内にあります。チェックできるのは CheckBox です。

このコントロールは、特定の状態 (つまり、オプション) が選択されているか (オン、値 1)、クリアされているか (オフ、値 0) を示します。このコントロールをアプリケーションで使用して、ユーザーに「True/False」または「yes/no」の選択肢を提供します。チェックボックスは互いに独立して機能するため、ユーザーは同時に任意の数のチェックボックスを選択してオプションを組み合わせることができます。

CheckBox JS は、すべての選択とすべての選択を解除する機能を実装します。非常に簡単で、小さな js 関数を挿入するだけです。。。

<script language="javascript">
 function  cli(Obj)
 {
 var collid = document.getElementByIdx_x("all")
 var coll = document.getElementsByName(Obj)
 if (collid.checked){
   for(var i = 0; i < coll.length; i++)
    coll[i].checked = true;
 }else{
   for(var i = 0; i < coll.length; i++)
    coll[i].checked = false;
 }
 }
 </script>

ログイン後にコピー

以下は、CheckBox チェックボックスの HTML コードのセットです

<input name='多选项名称' type='checkbox' value='' id="all" onclick="cli('多选项名称');"> 全选
<input name='多选项名称' type='checkbox' value='' > A
<input name='多选项名称' type='checkbox' value='' > B
<input name='多选项名称' type='checkbox' value='' > C
<input name='多选项名称' type='checkbox' value='' > D
<input name='多选项名称' type='checkbox' value='' > E
<input name='多选项名称' type='checkbox' value='' > F

ログイン後にコピー

上記のコードをコピーし、変更してテストできます。。。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。