jquery全选、反选、将选中的表单值分割为字符串

发布时间:2020-02-16编辑:脚本学堂
本文介绍下,jquery实现全选与反选,并把选中的表单值分割为字符串的例子,有需要的朋友参考下。

以下代码,需要引入外部jquery文件。
实现全选、反选:

<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"/>棒球