zoukankan      html  css  js  c++  java
  • js全选反选,并把全中的表单的值分割为字符串

    <script type="text/javascript" src="jquery-1.7.min.js"></script>
    <script type="text/javascript">
    $(function(){
        
        $('input').eq(0).click(function(){
             
            $('input[name="key"]'.each(function(){
                  this.checked =! this.checked;
            })
    
             alert(getChecked()); 
        });
    
    })
    
    //数组对象分割为字符串
    function getChecked(){
       
         var ids=new Array();
        
        $('input[name="key"]').each(function(){
                
                if(this.checked){
                    ids.push(this.value);
                }
        })
    
        return ids.toString();
    }
    
    </script>                    

    <div><input type="checkbox" />全选/反选</div>
    <input type="checkbox" name='key' value="1" />篮球
    <input type="checkbox" name='key' value="2"/>足球
    <input type="checkbox" name='key' value="3"/>羽毛球
    <input type="checkbox" name='key' value="4"/>乒乓球
    <input type="checkbox" name='key' value="5"/>冰球
    <input type="checkbox" name='key' value="6"/>网球
    <input type="checkbox" name='key' value="7"/>高尔夫球
    <input type="checkbox" name='key' value="8"/>排球
    <input type="checkbox" name='key' value="9"/>台球
    <input type="checkbox" name='key' value="10"/>棒球

  • 相关阅读:
    shell 学习笔记 LinuxShell脚本攻略(第2版)
    [六省联考2017]分手是祝愿
    [SDOI2010]粟粟的书架
    [CQOI2018]解锁屏幕
    [SCOI2007]最大土地面积
    CF369E Valera and Queries
    CF817F MEX Queries
    [HEOI2016/TJOI2016]求和
    [CQOI2018]九连环
    [HNOI2015]亚瑟王
  • 原文地址:https://www.cnblogs.com/loveyouyou616/p/3046352.html
Copyright © 2011-2022 走看看