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

チェックボックスの不確定プロパティの使用の紹介
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の基本的な使い方の詳細な説明

推薦する

Linux での MySQL 5.7.16 無料インストール バージョンのグラフィック チュートリアル

この記事では、参考までにMySQL 5.7.16の無料インストール版のチュートリアルを紹介します。具...

JavaScript でグレイウルフのポットビーティングゲームを実装

1. プロジェクト文書 2. ページレイアウトにHTMLとCSSを使用するHTML部分 <di...

vue の v-bind を理解する

目次1. v-bindの主要ソースコードの分析1. v-bind属性はどこに均一に保存されるか: a...

uni-appがNFC読み取り機能を実装

この記事では、参考までに、NFC読み取り機能を実装するためのuni-appの具体的なコードを紹介しま...

Vue3 Vue CLI マルチ環境設定

目次1. はじめに2. 切り替え1. 開発および本番環境の設定ファイルを追加する2. 複数の環境をサ...

Centos7環境でMySQL 5.6のインスタンスを複数作成する方法の詳細な説明

この記事では、CentOS 7 環境で MySQL 5.6 の複数のインスタンスを作成する方法につい...

Linuxで同一ファイルを見つける方法

コンピュータを使用すると、システム内に大量のゴミが生成されます。最も一般的なケースは、同じファイルが...

MySQLデータベースバックアップのさまざまな実装方法の概要

この記事では、MySQL データベースのバックアップを実装するさまざまな方法について説明します。ご参...

Docker クリーニングの一般的な方法と問題点

大規模な開発に Docker を使用する場合でも、クリーンアップ戦略がなければ、ディスクがすぐにいっ...

MySQLを水平から垂直に、垂直から水平に変換する方法

データの初期化 `test_01` が存在する場合はテーブルを削除します。 テーブル「test_01...

MySQL エラー コード 1862 の解決方法: パスワードの有効期限が切れています

ブロガーは 1 ~ 2 か月間 MySQL を使用していませんでしたが、今日この問題に遭遇しました。...

CocosCreatorがスキル冷却効果を実装

CocosCreatorがスキルCD効果を実現多くのゲームにはスキルがあります。プレイヤーがスキルボ...

Ubuntuで余分なカーネルを削除する方法

ステップ1: 現在のカーネルを表示する 読み取る $ uname -a Linux rew 4.15...

jwtを使用してノードによって生成されたトークンをどこに保存するかについての簡単な説明

A: 通常はクライアントに保存されます。 jwt または JSON Web Token は、リクエス...

独自の FTP および SFTP サーバーを構築するプロセスの紹介

FTP と SFTP はファイル転送プロトコルとして広く使用されています。関連する機能を開発するには...