让radio、select、checkbox 具有类似readonly 属性效果
2017-05-03 13:03
597 查看
编辑记录的时候,有时候需要禁止用户修改某些项目,常用的方法有以下两种:
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 表单的名称
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 表单的名称
相关文章推荐
- 如何设置Select下拉框、CheckBox、Radio的ReadOnly属性?
- 基础问题:设置radio、select、checkbox 的readonly 属性
- 基础问题:设置radio、select、checkbox 的readonly 属性
- NO.10 RADIO、CHECKBOX、SELECT、FILE 实现readonly(JavaScript实现)
- jQuery设置radio、select、checkbox只读属性后,如何在后台得到数据
- 小技巧要你命三千之:checkbox radio select 只读效果
- js 实现复选框(checkbox)类似单选钮(radio)点击互斥效果
- jquery选择器 【radio checkbox】选择 【查找div下的表单具有某种属性的控件 :注意是div下】
- jQuery学习笔记--jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关属性
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
- jQuery的radio,checkbox,select操作
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
- jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作[转]
- 测试JQuery中常用的取值方法 包含(input areatext select checkbox radio )
- jquery操作radio/checkbox/select 及其相关
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
- JQUERY获取text,areatext,radio,checkbox,select值
- Jquery获取设置radio select checkbox 文本框 [转]
- [转贴]jQuery的radio,checkbox,select操作 - [jQuery]