js 复选框全选与jquery 复选框全选代码

网页特效复选框全选与jquery 复选框全选代码

<script>
//不在form中的情况：

function checkall()
{
    arr= new array("aa","bb","cc","dd");
    for (var i=0;i<arr.length;i++)
    {
        var e = arr[i];
        eval(document.getelementbyid(e)).checked = (document.getelementbyid(e).checked != true ? true : false);
    }
}

function checkall(form) //传一个表单作参数
{
for (var i=0;i<form.elements.length;i++) //对这个表单里的元素进行循环
{
var e = form.elements[i]; //一个一个元素判断
if (e.name != "chkall"&&e.disabled!=true) //如果该元素的name属性为chkall并且disabled!=true.即:该控件可用时.
e.checked = form.chkall.checked; //控元素的checked与当前选中的控件checked保持一致.即:全选/全不选.
}
}

//juqery全选checkbox复选框代码

$(document).ready(function() {
//定义全选框的名称为$chkall
   var $chkall = $('#checkedall');
   var $chkarry = $('input[type="checkbox"]').not ($('#checkedall'));//取到除全选框的其它复选框
   //全选框的实现函数
   $chkall.click(function(){
    var b = $(this).attr('checked');//取到全选框的值
    $chkarry.each(function(){ $(this).attr('checked', b); });//设置其它复选框值与全选框同步，实现全选，取消全选功能
   });
   //除了全选的其它复选框
   $chkarry.each(function(){
    $(this).click(function(){
     //先把每个其它复选框的值赋给全选框
     $chkall.attr('checked', $(this).attr('checked'));
     //再循环所有其它的复选框是否已经全部选择，实现全选与其它复选框出现全选情况下同步。
    //即如果其它复选都已经选择，则全选也选择。
     $chkarry.each(function(index){ $chkall.attr('checked', ($chkall.attr('checked') && $chkarry.eq(index).attr('checked'))? true:false); });
    });
   });
});

</script>

补充：网页制作,jquery