首页前端开发HTMLcheckbox的indeterminate属性使用介绍

checkbox的indeterminate属性使用介绍

时间2024-01-27 06:53:03发布访客分类HTML浏览682
导读:收集整理的这篇文章主要介绍了checkbox的indeterminate属性使用介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。 我们在使用Windows xp的文件夹属性对话框时,会发现文件夹的Attributes分类里的...
收集整理的这篇文章主要介绍了checkbox的indeterminate属性使用介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。 我们在使用Windows xp的文件夹属性对话框时,会发现文件夹的Attributes分类里的Read-only和Hidden选项有时不是完全的checked或unchecked状态,而常常是一种虽然已被打勾但背景又是灰色的状态。其实这种不确定的CheckBox状态Web中也是可以表现的。

在Web页面中,我们可以使用input id="chkb" tyPE="CheckBox"> 来得到一个CheckBox控件。这个控件最常见的形式就是checked(被打上一个勾)或unchecked状态,我们可是使用鼠标点击来轻松的切换这两个状态,同时也可以使用脚本语言来改变它们的状态,比如使用JavaScript脚本:

复制代码代码如下:
chkb.checked = true; 或 chkb.checked = false;

下图是CheckBox可以表现的三种状态:

第一种和第三种很常见,而且它们是可以使用HTML来设置的,就是说我们可以把CheckBox的初始状态通过一个叫checked的html元素的属性来确定。我们这里要说的Indeterminate状态虽然在IE4.0就开始支持了,可是却没有html元素属性来设置其值,而只能使用脚本来设置其Indeterminate状态。

比如使用JavaScript脚本(indeterminate默认是false):

复制代码代码如下:
chkb.indeterminate = true; 或 chkb.indeterminate = false;


注意:CheckBox的indeterminate是一个独立的属性,和CheckBox的checked、status的取值无关,也就是说它只会影响CheckBox的外观显示,我们仍然可以正常的使用脚本读取checked和status的值。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

checkbox

若转载请注明出处: checkbox的indeterminate属性使用介绍
本文地址: https://pptw.com/jishu/587865.html
如何点击a标签实现弹出input file上传文件对话框 Content-type的说明即HTTP请求头的类型整理

游客 回复需填写必要信息