使用javascript选择复选框

Ash*_*mum 34 html javascript html5

有没有办法使用Javascript和HTML(5)来部分选中一个复选框,比如当你只选择一些子选项时程序安装菜单中的复选框?

kas*_*ens 66

HTML5 定义indeterminate布尔属性.

我只在最新的Safari,Chrome和Firefox中测试过它.他们都支持不确定的国家.

示例:http://jsfiddle.net/5tpXc/

编辑:请注意,这不适用于较旧的浏览器,也可能不适用于当前版本的IE.如果您想支持所有浏览器,您需要依赖其他答案中描述的黑客攻击.

  • 顺便说一句,我在IE9中打开了你的小提琴,它正确显示了不确定的状态 (10认同)
  • 实际上,复选框indeterminate在它被标准化之前是一个微软主义:它至少可以回到IE6.FF3.6 +也是可靠的,但我在其他浏览器上看到了问题. (3认同)
  • 我喜欢这个答案。如果你想实现一个“全选”复选框,解决方案看起来像这样:`$('.all-check').prop('checked', false);` // 你仍然想成为能够立即重新选择所有`$('.all-check').prop('indeterminate', true);` // 你不再知道是否所有被选中 (2认同)

Bum*_*2na 5

不.你必须制作一个自定义的复选框图形并伪造它.

编辑:请参阅@ Kassen的答案,了解在HTML5兼容浏览器中部分选中复选框的方法.

  • *吃自己的帽子* (7认同)