jq实现checkbox全选中以及获得选中的checkbox的值
2010-07-19 15:10
113 查看
html代码
js代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>Simple jsp page</title> <script type="text/javascript" src="../js/jquery-1.3.2.js"></script> <script type="text/javascript" src="../js/checkbox.js"></script> </head> <body> <form action="#" method="post"> <input type="checkbox" id="select"/> 全选<br/> <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="submit" id="submit" value="提交"> </form> </body> </html>
js代码
$(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); }); });
相关文章推荐
- jq实现checkbox全选中以及获得选中的checkbox的值
- jq实现checkbox全选中以及获得选中的checkbox的值
- jquery 订单结算checkbox全选全不选以及获得选中的checkbox的值
- jQuery实现CheckBox全选、全不选以及获取选中的值
- 在GridView中加入CheckBox实现全选以及提交CheckBox选中的相关内容
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- jquery实现全选、反选、获得所有选中的checkbox
- jquery实现全选、反选、获得所有选中的checkbox
- jquery实现全选、反选、获得所有选中的checkbox
- jquery checkbox选中状态以及实现全选反选
- jquery实现全选、反 c80f 选、获得所有选中的checkbox (记录专用
- (转载)jquery实现全选、反选、获得所有选中的checkbox
- 实现gridview中checkbox的全选和反选,以及固定gridview列字符串的长度,多余的以...表示
- (转) 用自定义图片代替原生checkbox实现全选,删除以及提交
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- JS实现复选框全选全不选以及子复选框带动全选框的选中
- RecyclerView使用,item实现全选,反选,单选,计算checkbox选中的个数
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码