jq 判断多个 checkbox 选中
2015-09-14 00:11
363 查看
效果如下:
html 代码:
Jq 代码:
html 代码:
<p>菜单:</p> <div> <input type="checkbox" name="menu" value="大盘鸡" />大盘鸡 <input type="checkbox" name="menu" value="红烧肉" />红烧肉 <input type="checkbox" name="menu" value="清蒸鱼" />清蒸鱼 <input type="checkbox" name="menu" value="大闸蟹" />大闸蟹 <input type="checkbox" name="menu" value="笨鸡蛋" />笨鸡蛋 <input type="checkbox" name="menu" value="白开水" />白开水 </div> <span id="span"></span>
Jq 代码:
<script src="jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function () { //获取层中所有的checkbox 注册单击事件 $("div input[type=checkbox]").click(function () { //获取div下选中的 checkbox var cks = $("div :checked");//属性过滤器 var leng = cks.length;//获取div下选中的 checkbox个数 var arr = []; //用户存放checkbox的value //便利循环所有选中的 checkbox cks.each(function (k, v) { //k索引,v是对象 //把选中checkbox的value 存放起来 arr[arr.length] = $(v).val();; }); $("#span").text("爷!您点的菜是:" + arr + " 共:" + leng + "个"); }) }) </script>
相关文章推荐
- 想搞个快速排序,却用上了ArrayList是不是有点“邪魔外道” ……
- android-service
- iOS 网易彩票-6设置模块三(常用小功能)
- Path和classpath
- [LeetCode#244] Shortest Word Distance II
- JNI调用
- spark 最新版1.0本地模式安装_spark入门学习一
- Lintcode搜索区间
- php服务器版本更新工具up2server
- Unity3D笔记第十三天——关节、布料
- 网络操作系统和分布式操作系统的区别
- Linux中批量删除redis中的key
- [知其然不知其所以然-5] 为什么我的风扇温度很低却转不停/或者温度很高却根本不转?
- 深入浅出:进程、线程、协程、同步、异步、回调(转载)
- Google Hacking
- pptpd免radius限速、限连接+自由定制功能脚本
- Spring资源
- java线程系列---Runnable和Thread的区别
- javascript数组操作
- Spark的Rpct模块的学习