チェックボックスの不確定プロパティの使用の紹介

チェックボックスの不確定プロパティの使用の紹介
Windows XP でフォルダーのプロパティ ダイアログ ボックスを使用すると、フォルダーの属性カテゴリの読み取り専用および非表示のオプションが完全にオンまたはオフになっていない場合があり、多くの場合、オンになっていても背景が灰色になっている状態になっています。実は、この不確かな CheckBox の状態は Web でも表現できます。

Web ページでは、<input id="chkb" type="CheckBox"> を使用して CheckBox コントロールを取得できます。このコントロールの最も一般的な形式は、チェックマークが付いているかチェックが付いていないかです。マウスをクリックするだけで、これら 2 つの状態を簡単に切り替えることができます。また、JavaScript スクリプトなどのスクリプト言語を使用して状態を変更することもできます。

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

chkb.checked = true; または chkb.checked = false;

次の図は、CheckBox が表示できる 3 つの状態を示しています。

1 番目と 3 番目は非常に一般的であり、HTML を使用して設定できます。つまり、checked と呼ばれる HTML 要素の属性を通じて CheckBox の初期状態を決定できます。ここで言及している不確定状態は IE4.0 以降でサポートされていますが、その値を設定する HTML 要素属性はなく、不確定状態はスクリプトを使用してのみ設定できます。

たとえば、JavaScript スクリプトを使用する場合 (デフォルトでは indeterminate は false です)。

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

chkb.indeterminate = true; または chkb.indeterminate = false;


注意:CheckBox の indeterminate は独立したプロパティであり、CheckBox のチェック済みおよびステータスの値とは関係ありません。つまり、CheckBox の外観にのみ影響します。スクリプトを使用して、チェック済みおよびステータスの値を正常に読み取ることができます。

<<:  どのような種類の MYSQL 接続クエリを知っていますか?

>>:  LinuxデバッガGDBの基本的な使い方の詳細な説明

推薦する

Zabbixリモートコマンド実行の詳細な例

目次1つ。環境二。予防三つ。例Zabbix トリガーがしきい値に達すると、アラート メッセージの送信...

CSS でデジタル ページング効果のコードと手順を実装する方法

かなりの数のウェブサイトがデジタルページング効果を使用しています。たとえば、このサイトのページングも...

NodeサイトのForever+nginx導入方法例

私は最近、最も安い Tencent クラウド サーバーを購入しました。これは主に、Web テクノロジ...

docker runの--rmオプションの使用方法

Docker コンテナが終了しても、デバッグを容易にし、ユーザー データを保持するために、デフォルト...

ウェブサイトのコードブロックのpreタグにコピーコードボタンコードを追加します

他のよりプロフェッショナルなブログ システムを参照すると、コード ブロックにコードのコピー ボタンが...

MySQL学習エンジンの詳細な説明、説明、権限

エンジン導入InnodbエンジンInnodb エンジンは、データベース ACID トランザクションを...

Vue は無限ロードウォーターフォールフローを実装します

この記事では、参考までに、無限ロードウォーターフォールフローを実現するためのVueの具体的なコードを...

div 内の img と span の垂直方向の中央揃えの問題について

以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピー<htm...

Nginx をベースに特定の IP への短期アクセス数を制限する

特定の期間内に特定の IP へのアクセス回数を制限する方法は、特に悪意のある DDOS 攻撃に直面し...

MySQLからClickHouseに移行する5つの方法

データ移行は、MySQL から ClickHouse にインポートする必要があります。概要プランは以...

Linux で仮想コンソール セッションをロックする方法

共有システムで作業しているときは、他のユーザーが自分のコンソールを覗き込んで、自分が何をしているか見...

MySQLは集計関数を使用して単一のテーブルをクエリします

集計関数データセットに作用し、そのデータセットの値を返します。 count: 統計結果のレコード数。...

Linux環境でglogログライブラリを使用する方法

Linuxライブラリを生成するLinux版はcentos7.3を使用し、コンパイルしてライブラリを生...

crontab 実行時間とシステム時間の不一致の解決方法

序文LINUX では、定期的なタスクは通常、cron デーモン プロセス [ps -ef | gre...

vue3 watch と watchEffect の使い方と違い

1.リスナーを見る時計のご紹介 'vue' から { ref, reactive, ...