`
sanshizi
  • 浏览: 83821 次
  • 性别: 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;


分享到:
评论

相关推荐

    用JS修改checkbox的选中状态

    博文链接:https://qsfwy.iteye.com/blog/234331

    JS通过识别id、value值对checkbox设置选中状态

    input type="checkbox" name="ChekRole" value="1" &gt;超级管理员 &lt;input type="checkbox" name="ChekRole" value="2"&gt;学生 &lt;input type="checkbox" name="ChekRole" value="3"&gt;教师 js实现代码 ...

    Vue-input框checkbox强制刷新问题

    在引用input框的checkbox属性时,选中后会出现数据已经刷新,checkbox选中状态不会改变。这时在事件触发后可以调用this.$forceUpdate(),强制刷新页面解决这个问题。  input框可以加入readonly=”readonly”禁止...

    checkbox多项选中及取消选中

    checkbox多项选中及取消选中

    改变checkbox默认选中状态及取值的实现代码

    &lt;inputtype checkboxname=chkvalue val=1级&gt;1级 &lt;inputtype checkboxname=chkvalue checked=checkedval&gt;2级 &lt;inputtype checkboxname=chkvalue val=3级&gt;3级 1)设置1级和3级选中 2)获取选中的值,以‘,’分隔显示...

    react-three-state-checkbox:方便支持不确定状态的复选框的React组件

    React三态复选框 方便地支持不确定状态的复选框的React组件。 该组件与TypeScript兼容。安装在项目中使用此组件最直接的方法是使用npm或yarn 。 # npmnpm i --save react-three-state-checkbox# yarnyarn add react-...

    让checkbox不选中即将选中的checkbox不选中

    原理:循环每一个type为checkbox的input,若其是选中状态,就将他的checked属性置为false就ok了。 当然,若要实现反选的效果,再加一点就好了。代码如下: $("input[type='checkbox']").each(function(){ if(th

    Html\checkbox)属性解析及应用.docx

    35. Value 属性:该属性用于设置复选框处在什么状态,复选框控件有三种状态:0 未选定、1 选定、2 灰色。 36. Visible 属性:该属性用于设置此对象的可见性,取值为:True 可见、False 不可见。 37. ...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作,所以用户可以同时选择任意...

    jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

    主要介绍了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法,涉及jQuery插件EasyUI相关属性设置技巧,需要的朋友可以参考下

    jquery判断复选框选中状态以及区分attr和prop

    最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取不到复选框改变后的状态,最后查资料发现jQuery 1.6以后新增加了prop()方法,借用官方的一段描述就是: The difference between ...

    jquery.tagsinput.js实现记录checkbox勾选的顺序

    业务需求:可以根据checkbox的先后勾选传递有顺序的值让后台接收,决定用tagsinput显示checkbox的先后勾选顺序,并实时响应checkbox的勾选状态 思路:checkbox的值存在一个数组A,新创建一个数组B,如果选中一个,B ...

    基于easyui checkbox 的一些操作处理方法

    var allFlg = $(“.datagrid-header-check”).find(“input”).is(“:checked”); 3、checkbox在弹出层的,记住选中的checkbox,再次弹出弹出层时,将已选的checkbox回设 先将已选的checkbox该行的idField存进全局...

    HTML checkbox 点击说明文字即可选择/取消勾选状态

    web开发中,由于checkbox比较小用户...input id=”ck1″ type=”checkbox” /&gt; 复制代码代码如下: ”ck1″&gt;点击我即可选择/取消勾选状态&lt;/label&gt; label: 说明文字标签必须为 label for 指定需要联动checkbox的id

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    这段代码的作用是,当用户点击全选/取消全选的CheckBox时,将所有CheckBox的checked状态设置为与全选/取消全选的CheckBox相同。 接下来,我们使用jQuery来遍历CheckBox组,获取选中的CheckBox的值: ```javascript...

    jquery无法设置checkbox选中即没有变成选中状态

    代码如下: $(“input”).attr(“checked”,”checked”) 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 代码如下: $...

    jQuery 更改checkbox的状态,无效的解决方法

    $(#tb).find(input[type='checkbox']).attr(checked,checked); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效。那两者有啥区别呢? jQuery函数attr()和prop()的区别: 1、...

    checkbox的indeterminate属性使用介绍

    其实这种不确定的CheckBox状态Web中也是可以表现的。 在Web页面中,我们可以使用&lt;input id=chkb type=CheckBox&gt;来得到一个CheckBox控件。这个控件最常见的形式就是checked(被打上一个勾)或unchecked状态,...

    IE中checkbox在刷新后初始化的问题

    在项目中有一个需求,要求页面中的checkbox在页面刷新或后退时都要重新初始化,即处于未选中的状态,不保存之前的状态。

Global site tag (gtag.js) - Google Analytics