javascript - 使用不确定的 javascript HTML 制作复选框树的最佳实践是什么？

Question

我正在开发一个复选框树，其中我需要复选框的三种状态，我知道复选框有两种状态，但我必须使用不确定

1. 检查

2. 取消选中

3. 不确定

我如何使用 javascript 开发这些类型的树？

Answer 1

这是一个从头开始的小事:http://jsfiddle.net/pimvdb/MgYs7/1/ .

var span = document.getElementById('span');
span.setAttribute('data-state', 0);

span.onselectstart = function() { return false }; // prevent selecting, doesn't look too good

span.onclick = function() {
    var state = span.getAttribute('data-state') - 0; // convert to number

    if(state === 0) { // set next symbol
        span.innerHTML = 'V';
    } else if(state === 1) {
        span.innerHTML = 'X';
    } else {
        span.innerHTML = '';
    }

    span.setAttribute('data-state', (state + 1) % 3); // set state; 3 will be 0 again
};