教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery全选、反选、将选中的表单值分割为字符串

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

发布时间:2015-11-02   编辑:jiaochengji.com
本文介绍下,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"/>棒球

您可能感兴趣的文章:
jquery全选、反选、将选中的表单值分割为字符串
jQuery实现CheckBox全选、全不选的示例代码
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
详解jquery的substring,substr,split的用法
php字符串分割函数explode实例
JavaScript split()方法的简单示例
Python split()方法详解:分割字符串
php字符串函数有哪些
php 字符串函数教程与实例代码
php 字符串的声明方法

[关闭]
~ ~