checkbox的回显, 打上对勾却无法保存到后台用模拟点击解决 ,等问题总结angluarjs
来源:互联网 发布:能以礼让为国乎 编辑:程序博客网 时间:2024/05/17 21:43
checkbox的前台展示
先看一下完成的界面吧
点击选择标志, 下面的图片选择会出现, 然后点击要选择的图片, 就可以点下面的保存来实现保存图片的url ,这里的url是后台存的图片的路径, 前端展示的图片是存在前端, 是两个不同的路径, 下面是html的节选
<label> <input name="picCheck" ng-model="pieCtrl.riskPoint.pic.pic1" type="checkbox" value="/template/biaozhi/forbid/禁止乘人.jpg" ng-true-value="'/template/biaozhi/forbid/禁止乘人.jpg'" /> <img src="../../../../images/biaoshi/forbid/禁止乘人.jpg" height="100" width="120"/> </label>
这里有一个value 和一个ng-true-value , 当时写代码时候不知道为什么, 只写value的话, 得到的一直是true,而不是里面的值, 以后有时间研究一下, ng-true-value的话如果选择了,就可以传的是引号里面的内容了, 也有ng-false-value但这里用不到,可以想用的话百度
js中的处理就很多地方要注意了
//拆分为字符串数组var checkArray =ctrl.riskPoint.url.split(",");var checkBoxAll = $("input[name='picCheck']"); for(var i=0;i<checkArray.length;i++){ $.each(checkBoxAll,function(j,checkbox){ var checkValue=$(checkbox).val(); if(checkArray[i].localeCompare(checkValue)==0){ //$(checkbox).attr("ng-checked",true); // $(checkbox).prop("checked",true); checkbox.click();//模拟点击 // $(checkbox).prop("ng-checked",true); } })}
1.之前在杂记里有java处理带逗号的string, 这会遇到前台需要处理的了, 方法一样的
2.$(“input[name=’picCheck’]”); 这个东西就是根据name 来获取前台的组件, 看样子是可以循环的
3.这里虽然没有用到 .attr 和 .prop 但是尝试的时候学习到了 ,
对于HTML元素本身就带有的固有属性 用 prop
对于HTML元素我们自己定义的DOM属性 用 attr
4. checkbox.click() 这个方法是偶然发现的
- checkArray[i].localeCompare(checkValue)==0
这句话的判断是长字符串判断方法, 一开始用的 == 和 equals 的,突然在网上找到这个方法, 试试 效果还不错, 如果相等就会 等于零, 不然会大于或者小于0 ,可能原理是把字母换成数字编码来比较吧
阅读全文
0 0
- checkbox的回显, 打上对勾却无法保存到后台用模拟点击解决 ,等问题总结angluarjs
- js接收后端数据回显checkbox打上勾
- dwz+thinkphp后台返回,却无法提示的问题
- php的curl扩展抓取信息——模拟登陆成功却无法抓取页面等问题
- ListView的item中有button ImageButton CheckBox EditText等时 点击事件失效问题的解决
- ListView的item中有button ImageButton CheckBox EditText等时 点击事件失效问题的解决
- 解决disable无法传值到后台的问题
- 解决WINCE 无法保存RTC的问题
- 解决firefox无法保存设置的问题
- 解决WINCE无法保存RTC的问题
- 解决gedit无法保存的问题
- 解决outlook无法保存密码的问题
- 对“使用MyEclipse,写的jsp代码因有汉字而无法保存”问题的解决
- 解决ListView中有多个Checkbox的时候点击的问题
- 解决能上QQ却无法上网的问题
- Android开发——相册拍照_03.解决相机拍照之后部分手机无法将图片保存到路径或部分手机点击相机确定无法返回问题
- Q:前端canvas标签的内容传递到后台保存为图片时出现无法正常显示的问题
- Android ImageButton,Button,CheckBox等抢了原有View的点击事件 点击事件冲突问题
- Bean基本概念
- 【STM8L】STM8L之红外发射(定时器中断产生38K信号)
- HTTP 状态码
- yum install mysql5.x
- Oracle导入包含clob字段的dmp文件报错问题解决办法
- checkbox的回显, 打上对勾却无法保存到后台用模拟点击解决 ,等问题总结angluarjs
- 一个手咪按键,检测抬起和按下的思考
- WebSocket与消息推送
- [Offer收割]编程练习赛29
- 在web环境下搭建shiro框架
- mysql查看用户权限
- CSA云计算关键领域安全指南4.0 (中文版)
- 解决Zepto.js不支持animate报错的问题,错误信息$(...).animate is not a function
- Java实现ftp上传下载功能