雅虎邮箱复选框

Question

在yahoo电子邮件的Web 2.0版本上，您可以选择一键选择所有电子邮件。我对雅虎如何制作绿色复选框感兴趣

Answer 1

您可以在大多数现代浏览器中设置表单元素的样式，最简单的方法可能是使用jQuery： http://www.jquery.com

有一些插件可以设置表单元素的样式，并添加“全部检查”功能。

Answer 2

function checkAll(list, state)
{
    for (i = 0; i < list.length; ++i)
    {
      list[i].checked = state ;
    }
}

您需要使用类似

的内容

onClick="javascript:checkAll(document.myform.list, true)"

Answer 3

我认为他们使用JavaScript来切换复选框的状态：

var toggleCheckboxes = function(checkboxes, state) {
    for (var i = 0, l = checkboxes.length; i < l; i++)
        checkboxes[i].checked = state;
};
// usage:
var chks = document.getElementsByTagName('input');
// you could also filter this to only get inputs with "type=checkbox"
toggleCheckboxes(chks, true);
// true means we should check them. Use false to uncheck them.