Introduction to the use of the indeterminate property of the checkbox

When we use the folder properties dialog box in Windows XP, we will find that the Read-only and Hidden options in the folder's Attributes category are sometimes not completely checked or unchecked, but often a state in which they are checked but the background is gray. In fact, this uncertain CheckBox state can also be expressed on the Web.

In a web page, we can use <input id="chkb" type="CheckBox"> to get a CheckBox control. The most common form of this control is checked (with a checkmark) or unchecked. We can easily switch between these two states by clicking the mouse, and we can also use scripting languages to change their states, such as using JavaScript scripts:

Copy code

The code is as follows:

chkb.checked = true; or chkb.checked = false;

The following figure shows the three states that a CheckBox can display:

The first and third ones are very common, and they can be set using HTML, that is, we can determine the initial state of the CheckBox through an attribute of an HTML element called checked. Although the Indeterminate state we are talking about here has been supported since IE4.0, there is no HTML element attribute to set its value, and the Indeterminate state can only be set using scripts.

For example, using JavaScript scripts (indeterminate is false by default):

Copy code

The code is as follows:

chkb.indeterminate = true; or chkb.indeterminate = false;

Note : indeterminate of CheckBox is an independent property and has nothing to do with the values of checked and status of CheckBox. That is to say, it only affects the appearance of CheckBox. We can still use scripts to read the values of checked and status normally.

<<: What kinds of MYSQL connection queries do you know?

>>: Detailed explanation of the hierarchical relationship problem caused by CSS positioning

Introduction to the use of the indeterminate property of the checkbox

Hyperlink icon specifications: improve article readability

Summary of common problems and solutions in Vue (recommended)

Vue implements carousel animation

MySQL 8.0.15 installation and configuration graphic tutorial and password change under Linux

How to customize Docker images using Dockerfile

How to modify the root password of mysql in docker

Vue implements user login switching

How to handle super large form examples with Vue+ElementUI

Using HTML to implement a voting website cheating scheme that restricts IP

Windows Server 2008 64-bit MySQL5.6 installation-free version configuration method diagram

Recommend

How to install pip package in Linux

How to solve the problem of absolutely positioned elements mysteriously disappearing or being blocked in IE6/7

A brief discussion on the mysql execution process and sequence

A complete list of commonly used Linux commands (recommended collection)

CSS uses calc() to obtain the current visible screen height

Detailed explanation of CSS child element fixed positioning solution relative to parent element

Layui table selects the radio button of the specified row and scrolls to the implementation code of the row

Detailed explanation of where the images pulled by docker are stored

Installation and configuration of mysql 8.0.15 under Centos7

Setting up a proxy server using nginx

Use of Linux date command

A brief summary of vue keep-alive

Detailed explanation of writing and using Makefile under Linux

What are the differences between CDN, SCDN, and DCDN for website acceleration? How to choose?

Several ways to implement 0ms delay timer in js