"全选/全不选"的javascript脚本命令如何写?

本帖最后由 xilaianzxsc 于 2013-10-28 16:33:09 编辑

解决方案 »

  1.   


    <!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>
    <title> new document </title>
    </head><body>
    <form method="post" name="form1" >
    <input type="button" onclick="SelectAll()" value="全选">
    <input type="button" onclick="RE_Select()" value="反选">
    <input type="button" onclick="NOT_SelectAll()" value="全不选"><input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" >
    <input type="checkbox" name="vendor_fxk" ></form>
    <script language="javascript" type="text/javascript">
    function SelectAll() 
    {
    var ch = document.form1.vendor_fxk;
    for(var i=0, l = ch.length; i < l; ++i)
    ch[i].checked=true;
    }function RE_Select() 
    {
    var ch = document.form1.vendor_fxk;
    for(var i=0, l = ch.length; i < l; ++i)
    ch[i].checked=!ch[i].checked;
    }function NOT_SelectAll() 
    {
    var ch = document.form1.vendor_fxk;
    for(var i=0, l = ch.length; i < l; ++i)
    ch[i].checked=false;
    }</script> </body>
    </html>
      

  2.   

    $(function(){  
        //全选  
        $("#checkAll").click(function(){  
            $(this).attr("checked",true).siblings().attr("checked",false)//勾选自己，同类不勾选  
            $(this).parents().siblings().find("input:checkbox").attr("checked","checked")   //查找并勾选同一祖先下的选框  
        })  
        //不选  
        $("#checkNo").click(function(){  
            $(this).attr("checked",true).siblings().attr("checked",false)//勾选自己，同类不勾  
            $(this).parents().attr("checked",false).siblings().find("input:checkbox").attr("checked",false) //查找不勾选同一祖先下的选框   
        })  
    })  
      

  3.   

    jquery $("input[name='vendor_fxk']").attr("checked", true);
      

  4.   

    全不选 $("input[name='vendor_fxk']").attr("checked", flase);
      

  5.   

    全选：//全选
    function SelectAll(){
      var items=document.getElementsByName("vendor_fxk");//获取所有name 为vendor_fxk的checkbox
      for(var i=0;i<items.length;i++){
        items[i].checked=true;
      }
    }
    //全不选
    function NOT_SelectAll(){
      var items=document.getElementsByName("vendor_fxk");//获取所有name 为vendor_fxk的checkbox
      for(var i=0;i<items.length;i++){
        items[i].checked=false;
      }
    }两个方法可以合成一个