Checkbox的只读设置
来源:互联网 发布:淘宝打包 编辑:程序博客网 时间:2024/05/17 09:20
Checkbox的只读设置
对于修改页面,后台传递CheckBox选项值后,想固复选按钮值,不让其改变(即只读状态)。
应用场景
本文应用场景:一个下任务的功能,需要多次下任务,第一次选择人物后,后几次下任务时,人员固定,不可更改。界面如下:
多次下任务效果如下:
要实现的功能即是,多次任务时,回显上次任务人,但任务人不可修改的情况。
CheckBox只读设置
最初,第一反应是使用readonly
属性,但在复选框中,决定复选框值的是checked
,而不是文本框等输入框的value
值。所以这里使用readonly
属性,会没有效果。
后面又尝试使用disabled
属性,发现确实值不能变了。但是问题也来了,就是它也不能传递数据了。因为disabled
属性使复选框完全失效了,不能用于页面交互,也不能修改value、checked的值了。
于是,尝试使用了下面方法:
<input type="checkbox" name="taskUserId" value="taskUserId" checked="checked" onclick="return false" />
主要通过设置onclick
事件,来控制checked
值 ,使其值变化失效,以此实现CheckBox的只读设置。
也可使用下面设置:
<script language="javascript"> $(function(){ $("input[type='checkbox']").click(function(){ this.checked = !this.checked; }); }); </script>
0 0
- Checkbox的只读设置
- checkbox的只读设置
- checkbox设置复选框的只读效果
- text和checkbox只读属性的设置
- 设置checkbox为只读效果
- checkbox 设置复选框的只读不让用户勾选
- 设置checkbox为只读(readOnly)的两种方式
- JQuery 设置checkbox select radio 为“只读”
- 设置checkbox为只读(readOnly)
- checkbox 只读
- redio 只读,checkbox只读
- jquery设置元素的readonly和disabled大全(包括checkbox只读方法)
- 设置checkbox复选框为readonly只读的两种方式
- 设置checkbox复选框为readonly只读的两种方式
- checkbox设置复选框的只读效果不让用户勾选
- checkbox设置复选框的只读效果不让用户勾选
- checkbox设置复选框的只读效果不让用户勾选
- 设定checkbox为只读的方法
- jquery基础篇(二)— —属性与样式
- 请放下你的无效社交
- 开发UI控件时遇到的问题(类似于苹果Assistive Touch)
- springframework(八)AOP的相关术语以及实现方式介绍
- Codeforces 285E Positions in Permutations (dp + 容斥)
- Checkbox的只读设置
- jquery时间插件
- springframework(九)AOP的advices,中规中矩的使用方式
- 2016,除了 DevOps,企业还应该知道 CMDB!
- [译]一次负责任的披露:为什么我可以黑Facebook所有帐号
- 架构设计最佳实践之Don’t Repeat Yourself
- Qt教程 第一章:Hello, World!
- springframework(十)AOP之Pointcut、Advisor
- 【杂谈】数学,计算机视觉,图形图像处理