html中的checkbox复选框不确定状态的设置

这篇文章要分享的是复选框的不确定状态,html中的复选框是:
    <input id="cb" type="checkbox"/>
    一般遇到复选框或许只需要选中或者不选中两种状态即可,但是有时候需要第三种不确定状态,例如做带复选框的级联菜单时,子级菜单的多个复选框为部分选中的时,父级菜单的复选框应处于不确定状态,来反映子菜单的部分选中情况。

方法是通过js设置复选框的indeterminate属性,在标签中设置此属性无效。

<html>

<head>

<script>

function init(){

chkbox = document.getElementById("cb");

}

function fun1 () {

    chkbox.indeterminate = false;

    chkbox.checked = true;

}

function fun2() {

    chkbox.indeterminate = false;

    chkbox.checked = false;

}

function fun3() {

    chkbox.indeterminate = true;

}

</script>

</head>

<body οnlοad="init()">

  <input id="cb" type="checkbox" />

  <button οnclick="fun1()">选中</button>

  <button οnclick="fun2()">不选</button>

  <button οnclick="fun3()">部分选中</button>

</Body>

</html>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值