`
sanshizi
  • 浏览: 86010 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

input checkbox 三种状态

阅读更多
input checkbox 三种状态

一种是选中,

HTML:
<INPUT TYPE="checkbox" checked="checked" />


Javascript:
document.getElementById('...').checked=true;
//document.getElementById('...').checked=false;

一种是未选中,
HTML:
<INPUT TYPE="checkbox" />


Javascript:
document.getElementById('...').checked=false;


一种是似选非选, 中间是一个小块的

Boolean that specifies or receives one of the following values.
false Default. Check box is not dimmed.
true Check box is checked and dimmed.

Javascript:(只能通过js来操作)
document.getElementById('...').indeterminate = true;
//document.getElementById('...').indeterminate = false;


分享到:
评论

相关推荐

    checkbox三种状态

    "checkbox三种状态"这个主题聚焦于复选框的三种基本状态:未选中、已选中以及部分选中(如果支持)。复选框的状态管理是构建交互式应用的关键部分,特别是当处理多选数据时。 1. **未选中状态**:这是复选框的初始...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    用JS修改checkbox的选中状态

    复选框是用户界面中一种允许用户进行多项选择的控件,其状态通常有两种:选中(checked)和未选中。在本文中,我们将深入探讨如何使用JavaScript来改变checkbox的选中状态。 首先,我们需要了解HTML中的`&lt;input&gt;`...

    纯CSS美化input radio checkbox样式.zip

    本资源“纯CSS美化input radio checkbox样式.zip”提供了一种方法,通过纯CSS3技术对这些元素进行美化,提升网页界面的视觉效果。 首先,CSS3引入了新的选择器和属性,使得我们可以更加精确地控制元素的样式,包括...

    checkbox多项选中及取消选中

    在前端开发中,`checkbox` 是一种常用的表单元素,用于让用户进行多项选择。本教程将深入探讨如何实现 `checkbox` 的多项选中与取消选中的功能,以及相关的 `attr` 和 `prop` 属性在其中的作用。 1. **Checkbox基本...

    改变checkbox样式插件

    总的来说,“改变checkbox样式插件”提供了一种便捷的方法,让我们能够在保持原有功能的同时,为网页中的checkbox赋予全新的视觉表现。通过灵活的自定义和预设样式,我们可以根据项目的具体需求,打造出符合品牌调性...

    jQuery制作全选CheckBox

    2. **状态同步功能**:对于非全选的CheckBox,当其中一个被选中或取消选中时,系统需要判断当前所有非全选CheckBox的状态是否完全一致,如果是,则更新“全选”CheckBox的状态以反映这种一致性;如果不是,则“全选...

    checkbox的几种全选方法

    以上三种方法都可以有效地实现Checkbox的全选功能。第一种方法最为简单,适用于Checkbox数量较少的情况;第二种方法引入了状态变量,使得逻辑更加清晰;第三种方法则进一步简化了代码,提高了可读性。开发者可以根据...

    三种方式实现checkbox全选,反选

    以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    input checkbox 扩大点击范围的实现方法

    在网页设计中,`&lt;input type="checkbox"&gt;` 是一种常用的HTML元素,用于创建复选框,用户可以勾选或取消勾选。然而,复选框本身的点击区域相对较小,可能会造成用户操作不便,尤其是在移动设备上。为了解决这个问题,...

    CheckBox分级选中 复选框 上下级 联动

    这个功能的核心是实现复选框(CheckBox)之间的联动效果,即父级复选框的选中状态能够影响其子级复选框的状态,反之亦然。下面将详细介绍这个知识点,并给出可能的实现策略。 首先,我们要理解复选框(CheckBox)的...

    JS操作input标签属性checkbox全选的实现代码

    通过添加事件监听器,比如使用`addEventListener`方法,我们可以捕捉到checkbox状态的改变,并执行全选或取消全选的逻辑。 #### 实现示例代码分析 代码中的`selectAll`函数首先获取所有name属性为'selected'的...

    checkbox复选框状态保持

    在HTML中,复选框的表示通常为`&lt;input type="checkbox"&gt;`,并且可以通过`checked`属性来控制初始状态。CSS用于美化复选框的样式,而JavaScript负责事件监听、状态存储和验证逻辑。 总的来说,"checkbox复选框状态...

    css3制作checkbox单选按钮美化代码.zip

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式和动画功能,使得网页元素的呈现方式更加多样化。本压缩包“css3制作checkbox单选按钮美化代码”聚焦于如何利用CSS3技术对传统的HTML复选框...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    在JavaScript(JS)中,`checkBox`,也称为复选框,是网页表单中常见的一种元素,用于用户选择一个或多个选项。全选功能在处理多选项时非常实用,比如在一个列表中批量选择所有项目。这个标题和描述虽然重复,但明显...

    checkbox全选功能实例

    这可以通过修改`checkbox`的样式或者使用第三方库如Bootstrap的`checkbox`样式来实现。 例如,我们可以使用伪类`:checked`来改变选中状态下的样式: ```css input[type="checkbox"]:checked { background-color: ...

    jQuery操作checkbox并获取选中值

    例如,使用`$('input[type="checkbox"]')`可以选取所有类型的checkbox。如果想要选取特定ID的checkbox,可以使用`$('#checkboxId')`;对于class,使用`$('.checkboxClass')`。 ### 二、全选功能 全选功能是将页面...

    使用<input>实现checkbox

    在这个特定的场景中,我们关注的是`&lt;input type="checkbox"&gt;`,用于创建复选框。复选框允许用户在多个选项中选择一个或多个,通常用于提供多选功能。 ### `&lt;input type="checkbox"&gt;`基础知识 1. **基本结构**:`...

    改变checkbox背景勾选样式

    在网页设计中,`checkbox` 是一种常用的交互元素,用于让用户选择或确认某项内容。默认情况下,浏览器提供了预设的样式,但这些样式可能无法满足设计师或开发者对个性化界面的需求。因此,如何改变 `checkbox` 的...

    input:checkbox多选框实现单选效果跟radio一样

    在网页设计中,`&lt;input type="checkbox"&gt;` 通常用于创建多选框,允许用户选择多个选项。然而,有时我们需要实现类似`&lt;input type="radio"&gt;`的单选效果,即用户只能选择一个选项,选择后其他选项将自动取消选中。本...

Global site tag (gtag.js) - Google Analytics