js控制单选复选框（全选)

//获取单选按钮的选项值 

         function f1() { 

             //radio集合 

             var radios = document.getElementsByName("sex"); 

             for (var i = 0; i < radios.length; i++) { 

                 if (radios[i].checked) { 

                     alert(radios[i].value); 

                     break; 

                 } 

             } 

         } 


     <input type="checkbox" id="chkAll" οnclick="checkAll()"/>全选<input id="btn" type="button" value="反选" /><br /> 

     <input id="childChk1" type="checkbox" value="cf"/>吃饭<br/> 

     <input id="Checkbox2" type="checkbox" value="sj"/>睡觉<br/> 

     <input id="Checkbox3" type="checkbox" value="dq"/>打球<br/> 

 //复选框的全选功能 

 function checkAll() { 

             //触发事件对象，全选的checkbox 

             var obj = event.srcElement; 

             //所有的input标签 

             var inputs = document.getElementsByTagName("input"); 

             for (var i = 0; i < inputs.length; i++) { 

                 //判断当前的对象是不是input对象，是不是checkbox 

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

                     inputs[i].checked = obj.checked; 

                 } 

             } 

         } 

 //给所有的 子checkbox注册事件，如果所有的子checkbox都打勾了，则全选也打勾 

         window.onload = function () { 

             var inputs = document.getElementsByTagName("input"); 

             for (var i = 0; i < inputs.length; i++) { 

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

                     //去掉全选的那个chexkbox 

                     if (inputs[i].id != "chkAll") { 

                         //给每个子checkbox注册事件 

                         inputs[i].onclick = function () { 

                             //判断子checkbox是不是被选中了 

                             //假设所有的都被选中 

                             var isCheckAll = true; 

                             for (var j = 0; j < inputs.length; j++) { 

                                 if (inputs[j].type == "checkbox" && inputs[j].id != "chkAll") { 

                                     //判断子的checkbox是否被选中 

                                     if (!inputs[j].checked) { 

                                         isCheckAll = false; 

                                         break; 

                                     } 

                                 } 

                             } 

                             //设置全选状态 

                             document.getElementById("chkAll").checked = isCheckAll; 

                         } 

                     } 


                 } 


             } 

         }