Jquery和angularjs获取check框选中的值的方法汇总(jquery和angularjs的区别)

编辑：rootadmin

推荐整理分享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,这是因为

Jquery和angularjs获取check框选中的值的方法汇总(jquery和angularjs的区别)

对于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