分答项目_技能点_jquery获取待删除页面中已选择分类即checkbox为true的分类
2017-12-12 15:59
417 查看
两种方案的区别:
(1)A方案采用原始js方式
(2)B方案采用jquery方式,此方案中的_that=(this)[0],是获取html元素的dom对象重点注意:(this)这样的写法,它表示的是jquery对象!!!
$(this)[0]是被包装的dom对象
发现问题:each方法中的匿名函数中的console.log(this)方法输出当前元素,开始没有输出内容;等到下面的console.log(ids);正确输出上面each循环后的ids集合中的值后;由于confirm导致中断,等单击确定后,console.log(this)才连续输出内容。
分析:jquery的each方法输出内容存放在缓存中当循环结束一次输出!(目前的理解)
A方案
B方案
(1)A方案采用原始js方式
(2)B方案采用jquery方式,此方案中的_that=(this)[0],是获取html元素的dom对象重点注意:(this)这样的写法,它表示的是jquery对象!!!
$(this)[0]是被包装的dom对象
发现问题:each方法中的匿名函数中的console.log(this)方法输出当前元素,开始没有输出内容;等到下面的console.log(ids);正确输出上面each循环后的ids集合中的值后;由于confirm导致中断,等单击确定后,console.log(this)才连续输出内容。
分析:jquery的each方法输出内容存放在缓存中当循环结束一次输出!(目前的理解)
A方案
require(['util'],function(util){ $('.mutdelete').click(function(){ var url = $(this).data('href'); var ids = []; var idss = []; $('input:checkbox[name="ids[]"]').each(function() { console.log(this); if(this.checked){ ids = ids.concat(this.value); }else{ idss = idss.concat(this.value); } }); console.log(ids); if(confirm("您确定要删除么?")){ $.post(url,{ids:ids},function(data){ util.message("删除成功","{php echo $_W['siteurl']}",'success'); },'json'); } });
B方案
require(['util'],function(util){ $('.mutdelete').click(function(){ var url = $(this).data('href'); var ids = []; var idss = []; $('input:checkbox[name="ids[]"]').each(function() { var _that = $(this)[0]; if(_that.checked){ ids = ids.concat($(this).val()); }else{ idss = idss.concat($(this).val()); } }); console.log(ids); if(confirm("您确定要删除么?")){ $.post(url,{ids:ids},function(data){ util.message("删除成功","{php echo $_W['siteurl']}",'success'); },'json'); } });
相关文章推荐
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- listview+checkbox选择多条项目并获取内容
- js,jquery获取checkbox的值及判断是否选择
- CheckBoxList多选样式jquery、C#获取选择项
- jQuery 获取页面li数组并删除不在数组中的key
- jQuery获取Radio,CheckBox选择的Value值(示例代码)
- Jquery获取页面中checkbox组中被选中的值
- jQuery获取Radio,CheckBox选择的Value值
- jQuery获取Radio,CheckBox选择的Value值
- jQuery获取Radio选择的Value值,jQuery获取CheckBox选择的Value值
- jquery获取checkbox的值以及判断是否没选择
- Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据
- Jquery 获取CheckBoxList 中选择的值和获取RadioButton 选中的状态
- jquery 获取页面所有选中checkbox的值
- jquery datatable 多行(单行)选择(select),行获取/行删除
- jquery datatable 多行(单行)选择(select),行获取/行删除
- 选择控件:select ,radio,checkbox之用jquery获取选中值的小结
- jQuery获取form中Select/textarea/checkbox/radio选择的Text和Value等其他常见操作
- JQuery获取页面上选中的checkbox