// TODO:绑定事件 //当用户勾上“全选”时，自动选中所有语言，并把“全选”变成“全不选”； //当用户去掉“全不选”时，自动不选中所有语言； selectAll.change(function(){ langs.prop("checked", this.checked); if(selectAll.prop('checked')){ selectAllLabel.hide(); deselectAllLabel.show(); }else{ selectAllLabel.show(); deselectAllLabel.hide(); } });

//当用户点击“反选”时，自动把所有语言状态反转（选中的变为未选，未选的变为选中）； invertSelect.on('click', function(){ langs.prop('checked', function(i, val){ return !val; }); });

//当用户把所有语言都手动勾上时，“全选”被自动勾上，并变为“全不选”； //当用户手动去掉选中至少一种语言时，“全不选”自动被去掉选中，并变为“全选”。 langs.on('change', function(){ if(langs.length == $('input[name="lang"]:checked').length){ selectAll.prop('checked', true); selectAllLabel.hide(); deselectAllLabel.show(); }else{ selectAll.prop('checked', false); selectAllLabel.show(); deselectAllLabel.hide(); } });