实现中间复选框状态

Question

在 Materialise 中取消选中时，如何让复选框显示为“不确定”？

HTML：

<input type="checkbox" id="test" checked/>
<label for="test" id="test-label">Red</label>

JS：

$('#test-label').click(function() {
    var checkbox = $(this).prev();
    if (!$(checkbox).is(':checked'))
        $(checkbox).prop('indeterminate', true);
});

https://jsfiddle.net/Lhwkfb75/8/

Answer 1

它应该indeterminate代替intermediate. 由于它们的拼写相似，您可能会感到困惑。

$('#test').click(function() {
    if (!$(this).is(':checked'))
        $(this).prop('indeterminate', true);
});