以下代码,需要引入外部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"/>棒球