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>
<!-- 以我只提供了网页特效 复选框全选与反选的代码,今天我们提供了二个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>
相关文章推荐
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- jQuery实现checkbox(复选框)选中、全选反选代码
- 转载和积累系列 - Jquery 复选框全选操作代码
- JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码
- js与jQuery实现checkbox复选框全选/全不选的方法
- js/jquery实现checkbox全选和全不选代码总结
- JS代码:复选框全选事件,选中行变色
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- 复选框(checkbox)全选--js代码
- 复选框全选JS代码
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- jquery 实现复选框的全选操作实例代码
- js与jQuery实现checkbox复选框全选/全不选的方法
- Jquery CheckBox全选方法代码附js checkbox全选反选代码
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- js 实现复选框全选的代码
- jquery复选框的全选精简代码
- 用js实现复选框的全选和取消全选的代码
- Jquery CheckBox全选方法代码附js checkbox全选反选代码
- jQuery插件如何编写04_ 简单的全选反选插件(关联了主复选框和子复选框,代码简单)