js全选反选,并把全中的表单的值分割为字符串

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_33884611

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量70

点赞数

文章标签： javascript ViewUI

本文介绍如何利用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"/>棒球