checkbox的全选,取消全选,获得选中值
<html> <head> <title>jq全选以及获得选中项的值</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.4.1/jquery.js"></script> <script> $(function() { $("#select").click(function() { if ($(this).attr("checked")) { $("input[name=items]").each(function() { $(this).attr("checked", true); }); } else { $("input[name=items]").each(function() { $(this).attr("checked", false); }); } }); //得到选中的值,ajax操作使用 $("#submit").click(function() { var text=""; $("input[name=items]").each(function() { if ($(this).attr("checked")) { text += ","+$(this).val(); } }); alert(text); }); }); </script> </head> <body> <form action="#" method="post"> <input type="checkbox" value="1" name="items"><br/> <input type="checkbox" value="2" name="items"><br/> <input type="checkbox" value="3" name="items"> <br/> <input type="checkbox" value="4" name="items"> <br/> <input type="checkbox" value="5" name="items"> <br/> <input type="checkbox" value="6" name="items"> <br/> <input type="checkbox" value="7" name="items"> <br/> <input type="checkbox" value="8" name="items"> <br/> <input type="checkbox" value="9" name="items"> <br/> <input type="checkbox" value="10" name="items"> <br/> <input type="checkbox" value="11" name="items"> <br/> <input type="checkbox" id="select"/> 全选<br/> <input type="submit" id="submit" value="提交"> </form> </body> </html>
好像高版本的jq库会有问题,待研究。。。。。