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

How to solve the synchronization delay caused by MySQL DDL

Introduction to the use of the indeterminate property of the checkbox

How to solve the synchronization delay caused by MySQL DDL

CSS float property diagram float property details

Detailed installation process of MySQL5.6.40 under CentOS7 64

HTML tag full name and function introduction

CSS3 simple cutting carousel picture implementation code

Detailed explanation of HTML basics (Part 2)

Solve the compatibility issue between MySQL 8.0 driver and Alibaba Druid version

N ways to achieve two-column layout with CSS

Briefly describe the difference between Redis and MySQL

How to smoothly upgrade and rollback Nginx version in 1 minute

Recommend

Detailed explanation of the seven data types in JavaScript

Layui implements sample code for multi-condition query

Various problems and solutions in the process of deploying Tomcat to release projects on Linux

Vue global filter concepts, precautions and basic usage methods

VMWare15 installs Mac OS system (graphic tutorial)

Detailed tutorial on installing CentOS, JDK and Hadoop on VirtualBox

Docker container time zone adjustment operation

Teach you to connect to MySQL database using eclipse

MySQL 5.7 installation and configuration method graphic tutorial

Explanation of MySQL index types Normal, Unique and Full Text

Share some uncommon but useful JS techniques

Install OpenSSL on Windows and use OpenSSL to generate public and private keys

A brief analysis of the differences between Vue's commonly used instructions v-if and v-show

Vue3.0 adaptive operation of computers with different resolutions

A detailed introduction to deploying RabbitMQ environment with docker