jQuery中实现选中所有可选项框的功能

发布时间：2023-08-19 14:28:08 所属栏目：教程来源：

导读： 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<meta http-equiv="Content-Type" content="text/html; charse

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<link href="css/ingrid.css" rel="stylesheet" type="text/css">

<script language="JavaScript" src="jquery-1.3.2.js" type="text/javascript"></script>

<SCRIPT LANGUAGE="JavaScript">

<!--

    $("document").ready(function(){

     $("#all").click(function(){

    if(this.checked){

        $("input[name='checkbox']").each(function(){this.checked=true;});

$("#btn1").attr("value","反选");

    }else{

        $("input[name='checkbox']").each(function(){this.checked=false;});

        $("#btn1").attr("value","全选");

    }

});

     $("#btn1").click(function(){

       $("[name='checkbox']").attr("checked",'true');//全选

     })

     $("#btn2").click(function(){

         $("[name='checkbox']").removeAttr("checked");//取消全选

    })

       $("#btn3").click(function(){

        $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数

      })

       $("#btn4").click(function(){

         $("[name='checkbox']").each(function(){



             if($(this).attr("checked"))

            {

              $(this).removeAttr("checked");

            }

           else

           {

             $(this).attr("checked",'true');

          }

         })

       })

        $("#btn5").click(function(){

      var str="";

          $("[name='checkbox'][checked]").each(function(){

             str+=$(this).val()+"/r/n";

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!