jquery的一些常用操作
2016-03-17 11:08
627 查看
1.当前需求是,获取一个指定样式(class)下的所有选中的复选框的值,页面如下
代码如下:
jquery代码如下
代码如下:
<dl class="permission-list"> <dt> <label> <input type="checkbox" id="user-Character-0" name="user-Character-0" value="22"> 菜单管理</label> </dt> <dd> <label class="permission-list2"> <input type="checkbox" id="user-Character-0-0" name="user-Character-0-0" value="24"> 菜单列表</label> <label class="permission-list2"> <input type="checkbox" id="user-Character-0-0" name="user-Character-0-0" value="23"> 添加菜单</label> </dd> </dl> <dl class="permission-list"> <dt> <label> <input type="checkbox" id="user-Character-0" name="user-Character-0" value="19"> 员工管理</label> </dt> <dd> <label class="permission-list2"> <input type="checkbox" id="user-Character-0-0" name="user-Character-0-0" value="25"> test</label> <label class="permission-list2"> <input type="checkbox" id="user-Character-0-0" name="user-Character-0-0" value="21"> 员工列表</label> <label class="permission-list2"> <input type="checkbox" id="user-Character-0-0" name="user-Character-0-0" value="20"> 添加员工</label> </dd> </dl>
jquery代码如下
$('#admin-role-save').click(function(){ var spCodesTemp = ""; $('.permission-list input:checkbox:checked').each(function(i){ if(0==i){ spCodesTemp = $(this).val(); }else{ spCodesTemp += (","+$(this).val()); } }); layer.msg(spCodesTemp,{icon:1,time:1000}); });
相关文章推荐
- jQuery Vlidate 演示样例
- 读jQuery之二十(Deferred对象)
- jQuery实现图片局部放大镜效果
- TypeError: jQuery.easing[this.easing] is not a function
- jquery封装常用方法
- jQuery实现放大镜效果实例代码
- JQuery实现DIV的显示与隐藏
- form表单填写,enter键实现tab键的下一个input获得焦点实现
- JQuery常用DIV操作获取和设置长度宽度
- 黑马day16 jquery入门
- JQuery控制DIV的选取
- jquery实现更多内容效果
- jquery ajax级联二级下拉,jquey select级联
- jQuery实现图片局部放大镜效果
- 基于jquery实现简单的分页控件
- 基于jquery实现智能提示控件intellSeach.js
- jquery基础知识第一讲之认识jquery
- jQuery 实现仿 Win 7 弹出窗口
- Eclipse下jQuery文件报错解决方案
- jquery级联