我有一个为 Alfresco 应用程序开发的 Webscript(.js 文件)。它处理一个按钮,该按钮显示一个表单,旨在选择已订阅 Alfresco 空间的成员,以便向他们发送邮件。
所有复选框都是使用订阅者姓名动态生成的。
您可以选中任何您想要的成员,并且您还有一个特殊的复选框,使您可以选择或取消选择所有成员。
此特定复选框在 Chrome 和 Firefox 上可以正常工作。
但是,当您在 Internet Explorer 8 上检查它时,无论是否检查其名称,都不会选择或取消选择任何成员。
以下是表单生成和选中复选框时触发的 onClick 函数的代码示例:
updateMembersList : function TS_updateMembersList(containerId)
{
var div = Dom.get(containerId);
div.innerHTML = "<div class=\"memberDiv\">" +
"<input type=\"checkbox\" id=\"selectDeselectAllCb\" checked=\"true\" onchange=\"YAHOO.Bubbling.fire('selectDeselectAllChanged')\" class=\"memberCb\"/>" +
"<label for=\"selectDeselectAllCb\" class=\"memberLabel\">" +
this.msg('label.selectDeselectAll') + "</label>" +
"</div>";
for (var i=0; i<this.members.length; i++)
{
var member = this.members[i];
var avatar = Alfresco.constants.URL_CONTEXT + "/components/images/no-user-photo-64.png";
if (member.authority.avatar && member.avatar != "")
{
avatar = Alfresco.constants.PROXY_URI + member.authority.avatar + "?c=force";
}
div.innerHTML += "<div class=\"memberDiv\">" +
"<input type=\"checkbox\" id=\"cb_" + member.authority.userName + "\" checked=\"true\" onchange=\"YAHOO.Bubbling.fire('selectDeselectMemberChanged')\" class=\"memberCb\"/>" +
"<label for=\"cb_" + member.authority.userName + "\" class=\"memberLabel\">" +
member.authority.firstName + " " + member.authority.lastName + "</label>" +
"</div>";
}
},
selectDeselectAllChanged: function selectDeselectAllChanged(){
var selectDeselectAllCb = Dom.get('selectDeselectAllCb');
var checked = selectDeselectAllCb.checked;
console.log("Select All");
var cbs = YAHOO.util.Selector.query("input[id^='cb_']");
for (var i=0, j=cbs.length; i<j; i++)
{
var cb = cbs[i];
cb.checked = checked;
}
},
selectDeselectMemberChanged: function selectDeselectMemberChanged(){
var selectDeselectAllCb = Dom.get('selectDeselectAllCb');
var cbs = YAHOO.util.Selector.query("input[id^='cb_']");
var firstChecked;
if (cbs[0] != null){
firstChecked = cbs[0].checked;
}
for (var i=0, j=cbs.length; i<j; i++)
{
var cb = cbs[i];
if (cb.checked === firstChecked){
continue;
}
else{
selectDeselectAllCb.checked = false;
return;
}
}
selectDeselectAllCb.checked = firstChecked;
},
一开始我以为IE8不支持该查询,但事实并非如此。
IE7 及更新版本支持这种语法。
最佳答案
尝试删除 console.log("Select All");
并将其替换为 Alfresco.logger.debug("Select All");
IE 不喜欢控制台对象。
此外,在 jslint 上运行代码 - 如果某处有无效的 json,IE 将停止。
另外,尝试在开发者模式下运行 IE - 将其设置为显示脚本错误,然后您就会知道它在哪里停止。
关于JavaScript selectAll\deselectAll 复选框功能在 IE8 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9308843/