如何通过一次单击检查HTML页面上的所有复选框?

时间:2008-12-22 14:10:41

标签: html

我是带有5个复选框的html页面

我的要求是还有一个“全选”选项,用于选择所有5个复选框。

提前致谢

已关闭,与this question完全相同。

4 个答案:

答案 0 :(得分:2)

如果你正在寻找能够在点击第6个时检查你的5个复选框的javascript,那么这样的东西应该有效:

function CheckAll(value){
    document.getElementByID("CheckBox1").checked = value;
    document.getElementByID("CheckBox2").checked = value;
    document.getElementByID("CheckBox3").checked = value;
    document.getElementByID("CheckBox4").checked = value;
    document.getElementByID("CheckBox5").checked = value;
}

<input type="checkbox" id="CheckBox6" onclick="CheckAll(this.checked)"><label>Check All</label>

答案 1 :(得分:0)

在“纯”HTML中,您不能,但您可以修改服务器端代码以正确解释该复选框,意思是“就像检查所有其他复选框一样”。

使用Javascript相当容易。创建一个在选中“全选”复选框时触发的方法,然后按ID查找其他复选框并将其标记为已选中。如果未选中“全选”复选框,则不清楚应该怎么做,所以也许它应该只是一个链接。

答案 2 :(得分:0)

你不能只用HTML做这个,但用javascript应该相当简单。

我个人会这样使用jQueryhttp://abeautifulsite.net/notebook/50

答案 3 :(得分:0)

这是jQuery的工作。今天花一些时间,如果可以,请了解它。这种任务非常棒。