mootools 1.11 div 包含选中的复选框

Question

mootools 1.11 如何确定 div 是否包含任何选中的复选框？

使用 $ $$ $E $ES getElements 和 css 选择器尝试了各种变体，如果此 div 不包含复选框，则它不会返回 true

var ticked = $(sId).getElements('[checked=checked]');
if($chk(ticked)){alert('yo');}else{unticked = true;}

Answer 1

“checked”是动态分配的 DOM 属性（布尔值），访问该属性仅返回页面加载时存在的值（或使用 setAttribute 时放置的值）。
另外，由于 MooTools 1.11 没有复杂的选择器（不能在 $$ 中直接过滤属性）并且 filterByAttribute 函数仅接受直接字符串比较，这是您唯一（也是最好的！）选项：

$(sId).getElements('input').filter(function(input) {
    return /radio|checkbox/.test(input.getAttribute('type')) && input.checked;
})

注意：我添加 radio 只是为了完整性，无论如何都必须运行过滤器循环来验证检查的状态。

如果您想简化流程并能够重用代码（MooTools 方式），您还可以将选中的过滤器混合到 Elements 中，如下所示：

Element.extend({
    getCheckedInputs: function() {
        return this.getElements('input').filter(function(input) {
            return /radio|checkbox/.test(input.getAttribute('type')) && input.checked;
        });
    }
});

然后您的选择调用减少为：

$(sID).getCheckedInputs();

Answer 2

来自文档：

$(sId).getElements("input:checked");

Answer 3

对于 1.1

console.log( $('id').getProperty('checked') );