js 复选框全选与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>

时间: 2024-08-02 11:14:01

js 复选框全选与jquery 复选框全选代码的相关文章

jQuery下拉框的简单应用_jquery

先看看效果图: 大家肯定都见过类似效果的网页,怎么实现的呢,代码很简单: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> * { margin:0; padding:0; } d

jQuery+正则+文本框只能输入数字的实现方法_jquery

网站中的一个小功能:要求用户只能输入16位数字. 试过javascript的方法: 如:一种方法: //只允许输入数字 function checkkey2(value, e) { var key = window.event ? e.keyCode : e.which; if ((key > 95 && key < 106) || (key > 47 && key < 60)) { } else if (key != 8) { if (window

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

js全选实现和判断是否有复选框选中的方法

 这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: function actionEvent(methodname){ var form = document.forms[0]; if(validateIsSelect(form.all, form.productids)){ form

js全选实现和判断是否有复选框选中的方法_javascript技巧

本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function actionEvent(methodname){          var form = document.forms[0];          if(validateIsSelect(form.all, form.productids)){              form.action='<html:rewrite action="/control

jquery复选框全选/取消示例_jquery

功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 复制代码 代码如下: /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */function selectAll(mainId,klass){ $("." + klass).each(function(){     if($("#" +

工作小计:关于jquery复选框的ckeckbox的值改变

业务需求,需要再前端页面增加复选框,jsp页面,使用的是jquery代码如下,发现实际效果只有第一次可以生效,后面点击全选没有效果 /** * 全选 */ function checkAll() { $("input[name=ids]").attr("checked", true); } /** * 全不选 */ function uncheckAll() { $("input[name=ids]").attr("checked&qu

jquery实现简单的全选和反选功能_jquery

首先我们看个简单的实例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"&g

JQuery简单的checkbox全选、反选例子

HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮.  代码如下 复制代码 <ul id="list">      <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li>    <li><label><inpu

jquery对单选框,多选框,文本框等常见操作小结

 本篇文章主要是对jquery对单选框,多选框,文本框等常见操作进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一.文本框.单选按钮.复选框.相关操作    代码如下: var sex=$("input[name='sex']:checked").val();   //获取一组radio被选中项的值   var item=$("#sel option:selected").text();      //获取select被选中项的文本   var optio