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

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

推薦する

MySQLカスタム関数とストアドプロシージャの詳細な説明

序文この記事では主にMySQLのカスタム関数とストアドプロシージャに関する関連コンテンツを紹介し、皆...

ウェブサイトを黒、白、グレーにする4つのコードの詳細な説明

2008年5月12日に四川省汶川市で発生した地震により、多くの命が失われ、遺憾なことと存じます。国務...

Amap を使用した React 実装例 (react-amap)

React の PC 版は Amap を使用するようにリファクタリングされました。情報を検索したと...

JavaScript キャンバスでカラフルな太陽のハロー効果を実現

この記事では、カラフルな太陽のハロー効果を実現するためのJavaScriptキャンバスの具体的なコー...

JavaScript で 2 次元配列を作成するためのヒント

Js での 2 次元配列の作成:まず、JavaScript は 1 次元配列のみをサポートしています...

Linux で binlog ファイルの作成時間を表示するコマンド

目次背景分析する方法背景MySQL は 26 日の 16:23:49 に大量のスロー クエリを生成し...

Centos7でのSambaサーバー構成(実戦)

サンバの概要Samba は、Linux および UNIX システム上で SMB プロトコルを実装する...

CSS3で実装された6つの境界遷移効果

6つの効果実装コードhtml <h1>CSS 境界遷移</h1> <セ...

HTML で vue-router を使用するサンプル コード

vue と vue-router の紹介 <script src="https://...

JavaScript は 9 グリッドのクリックによる色の変更効果を実装します

この記事では、9グリッドクリックの色変更効果を実現するためのJavaScriptの具体的なコードを参...

ウェブページの画像の回転を実現するjs

この記事では、Webページの画像の回転を実現するためのjsの具体的なコードを参考までに共有します。具...

nginx でのリクエストのカウント追跡の簡単な分析

まずは適用方法を説明します。nginxモジュールにはjtxyとjtcmdの2つがあります。 http...

ボタンの 4 つのクリック応答方法の概要

ボタンは頻繁に使用されます。ここでは、イベント処理メソッドを整理し、実装方法が多数あることを発見しま...

Angularプロジェクトにおける共有モジュールの実装の詳細な説明

目次1. 共有共通モジュール2. 共有マテリアルモジュール3. 共有確認ダイアログ1. 共有共通モジ...

Dockerコンテナ接続実装手順の分析

一般的に言えば、コンテナが起動した後、ポート マッピングを通じてコン​​テナが提供するサービスを使用...