让radio、select、checkbox 具有类似readonly属性效果
编辑记录的时候,有时候需要禁止用户修改某些项目,常用的方法有以下两种:
1》设置表单的readonly属性
问题:但是readonly属性对radio、select、checkbox这三个表单不起什么作用
2》设置表单的disabled属性
问题:设置了disabled属性后,后台读取不到数据
办法:
1、设置disabled属性,并把表单值存入hidden隐藏域中
2、使用用jquery控制(加载页面的时候设置表单属性disabled=true,提交表单的时候设置表单属性disabled=false)
代码:
引用jquery文件
<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script>
用脚本控制disabled属性
<script type="text/javascript">
//加载时设置disabled生效
$(document).ready(function(){
$("input[name=category]").attr("disabled",true);
$("select[name=sonota_kbn]").attr("disabled",true);
});
//提交时设置disabled失效
$("input[name=modify]").click(function(){
$("input[name=category]").attr("disabled",false);
$("select[name=sonota_kbn]").attr("disabled",false);
});
</script>
注意这个:input[name=category]
input 是表单类型(比如select是下拉框)
name=category 表单的名称
让radio、select、checkbox 具有类似readonly属性效果相关推荐
- JQuery选择器及radio,checkbox,select取值和反选
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能 ...
- query的checkbox,radio,select等方法总结
1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="chec ...
- jquery实用应用之jquery操作radio、checkbox、select
本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值 var item = $('input[@name ...
- ajax实现多选 radio true,jQuery操作radio、checkbox、select的方法总结
jQuery操作radio.checkbox.select的方法总结 发布于 2015-05-21 06:55:26 | 253 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javas ...
- js原生操作select、radio 、checkbox
select.radio .checkbox常见操作 select常见操作 radio常见操作 select常见操作 html代码 <select class="select" ...
- radio默认选中并显示相应信息 php,php实现select、radio、checkbox默认选择示例
下面为大家带来一篇 php实现select.radio.checkbox默认选择示例.下面就为你详细讲解一下,希望对您的学习PHP有所帮助. 这是扩展yibing的select默认选择的实现方法 va ...
- php checkbox默认选择问题,PHP_php select,radio和checkbox默认选择的实现方法,这是扩展yibing的select默认选择 - phpStudy...
php select,radio和checkbox默认选择的实现方法 这是扩展yibing的select默认选择的实现方法 复制代码 代码如下: value="1">住宅 v ...
- html中文本框的readonly属性和disabled属性的区别
最近公司新来的一个实习生在开发系统时对于文本框的readonly属性和disabled属性两者之间有什么不同一直搞不太清楚,其实这两个东西如果不去深究,简单的使用的话大部分情况下两者还是可以通用的,不 ...
- input标签disabled和readonly属性的区别
input标签disabled和readonly属性的区别 readonly和disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容. disabled: 对于所有的表单 ...
最新文章
- 马云:我看到很多人去学MBA 但回来时都变蠢了
- java jdbc 删除_java使用jdbc实现各种类型添加删除修改数据
- 字体缩放 SignedDistanceField
- 【剑指offer】面试题55 - I. 二叉树的深度(java)
- 【Node学习】—Node.js中模块化开发的规范
- iphone小圆点在哪儿设置_字节推大力教育新品牌;iPhone12跌破发行价;直播打赏将设置冷静期;蚂蚁A股网上申购开启 | Tech日报...
- java web中的相对路径和绝对路径
- ServiceNow常用角色和分组
- tp-801bs单板微型计算机,线切割应知应会
- Python爬虫反爬方法
- 知识问答题小程序头脑王者源码
- iOS 禁止横屏的解决方案
- 安卓开发实现悬浮窗显示(全局显示),通过悬浮窗实时监控当前流量
- 大数据:商业革命与科学革命
- lzr 登机牌扫描access_lzr1.top
- 相机投影变换(位姿)
- 期刊论文发表的字数不够怎么办
- 产经文献阅读随记——记下那些想法与方法
- vue中的class和style在行内中用发有几种
- 2022年9大顶级网络安全工具,有免费,有开源