您的位置:首页 > Web前端 > JQuery

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

2013-09-05 20:22 477 查看
js 复选框全选与jquery 复选框全选代码网页特效 复选框全选与jquery 复选框全选代码
<!-- 以我只提供了网页特效 复选框全选与反选的代码,今天我们提供了二个js checkbox全选与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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: