位置: 编程技术 - 正文
推荐整理分享Jquery和angularjs获取check框选中的值的方法汇总(jquery和angularjs的区别),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery和angular区别,jquery怎么获取,angular jsx,angular jsx,angularjs jquery,angularjs jquery,angularjs jquery,angular jquery,内容如对您有帮助,希望把文章链接给更多的朋友!
在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息。
全选全不选:
这里为什么要用prop而不用attr,这是因为
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。获取选中的值:
angularjs实现:
使用angularjs我们不用去操作dom,我们只需要去关心这个值的状态;首先看一下html代码:
line2 定义了AngularJS App;line4 引入angularjs脚本;line5 引入自己写的script2.js脚本;line7 指定控制器AddStyleCtrlline- 实时显示已选标签给用户看;line-line 使用双重循环列出数据库(本例中就存储在了controller的一个对象里)中的数据;line的这行代码作用可大了:<inputtype="checkbox" id={{tag.id}}name="{{tag.name}}" ng-checked="isSelected(tag.id)" ng-click="updateSelection($event,tag.id)"> 存储了tag的id,name,利用isSelected(tag.id)来判断是否被checked,点击时候调用updateSelection($event,tag.id)方法; 如果想 ng-click 触发的函数里获取到该触发该函数的元素不能直接传入 this ,而需要传入event。因为在Angularjs里面,这个地方的this是 scope 。我们可以传入 event,然后在函数里面通过 event.target 来获取到该元素。line- 是测试时候给自己看的,可以看到selected数组和selectedTags数组中的内容;
然后看看AngularJS代码:(script2.js)
jQuery插件Validate实现自定义表单验证 本文实例讲解了jQueryValidate表单验证插件,如何自定义一个验证方法,分享给大家供大家参考,具体内容如下效果如下:验证失败效果:验证成功效果:
jQuery插件实现带圆点的焦点图片轮播切换 这次分享的代码是jQuery插件,HovertreeImg是一个图片轮播jquery插件,使用方便,可以设置大小,圆点位置等,代码简洁!DOCTYPEhtmlhtmlheadmetahttp-equiv="Content-Typ
jQuery插件Validate实现自定义校验结果样式 本文实例介绍了jQuery插件Validate实现自定义校验结果样式的详细代码,分享给大家供大家参考,具体内容如下效果如下:具体步骤:1、引入依赖包scriptsr
友情链接: 武汉网站建设