Check/ Uncheck all checkbox of a Html Table

╄→гoц情女王★ 提交于 2019-12-25 02:09:52

问题


I have got a HTML table which contain a check box in <TH> and other checkboxes in <TD> I want that all <TD>'s checkboxes should be checked /unchecked on basis of <TH>'s Check box; please help me resolve this. I wrote following code, but its not working:

   <script language="javascript" type="text/javascript">
  function SelectAll(id) {

    var frm = document.getElementById('tblemail');

    for (i=0;i<frm.elements.length;i++) {

        if (frm.elements[i].type == "checkbox") {

            frm.elements[i].checked = document.getElementById(id).checked;

        }

    }

} 

</script>

回答1:


Try the following code

var frm = document.getElementById('tblemail').getElementsByTagName("input");
var len = frm.length;
var checkedStatus = document.getElementById(id).checked;

for (i=0;i<len;i++) 
{
    if (frm[i].type === "checkbox") 
    {    
        frm[i].checked = checkedStatus;
    }
}



回答2:


Have you Tried

document.getElementById(id).checked = true 


来源:https://stackoverflow.com/questions/2175095/check-uncheck-all-checkbox-of-a-html-table

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!