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

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

推薦する

Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...

Vue フロントエンド開発における階層的にネストされたコンポーネント間の通信の詳細な説明

目次序文例まとめ序文Vue の親子コンポーネントは、props を通じて親コンポーネントの値を子コン...

MySQLユーザー管理操作例の分析

この記事では、MySQL ユーザー管理操作について説明します。ご参考までに、詳細は以下の通りです。こ...

HTML知識ポイントの実践経験のまとめ

1. 表タグはtable、trは行、tdはセル、cellspacingはセル間の距離、cellpad...

js キャンバスは検証コードを実装し、検証コード機能を取得します

この記事の例では、検証コードを作成して取得するためのjsキャンバスの具体的なコードを共有しています。...

Dockerコンテナでルート権限を取得する方法

まず、コンテナが稼働している必要がありますコンテナのCONTAINER IDは、sudo docke...

印刷広告を成功させるための「3I」基準

国内の多くの広告主にとって、印刷広告の制作と評価は、しばしばかなり主観的です。自分の感情や美的感覚に...

1 つの記事で Apache Avro データを解析する

概要: この記事では、Avro データをシリアル化して生成し、FlinkSQL を使用して解析する方...

相対幅と絶対幅が競合する場合の HTML+CSS div ソリューション

相対幅と絶対幅が競合する場合のdivソリューション概要: 一般的に、絶対幅を使用する場合は px を...

mysql 10進データ型変換の実装

最近、次のデータ型のデータベースに遭遇しました:decimal(14,4)発生した問題は次のとおりで...

Nginxドメイン名転送の実装

Nginx の紹介Nginx (「エンジン x」) は、ロシアのプログラマー Igor Sysoev...

HTML5+CSS3コーディング標準

黄金律プロジェクトに何人の人が取り組んでいるかに関係なく、すべてのコード行が同じ人によって書かれたよ...

JS 関数とコンストラクタを簡単に理解する

目次1. 概要1.1 Functionコンストラクタを使用して関数を作成する1.2 機能と目的2. ...

Nginx を使用して https ルートドメイン名への 301 リダイレクトを実装するためのサンプル コード

SEO とセキュリティを考慮して、301 リダイレクトが必要です。以下の一般的な処理には Nginx...

CSS テキスト強調を使用してテキストを強調するための実装コード

1. はじめにこれまで、テキストの特定の部分を強調したい場合、通常は太字にしたり明るい色を使用したり...