jquery控制input不可编辑和可以编辑?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery控制input不可编辑和可以编辑?相关的知识,希望对你有一定的参考价值。

<input type="text" id="tel" value="$user.phone" disabled="true"/>
设置为不可编辑disabled="true"如何用jquery控制再可以输入?

参考技术A $('#tel').attr("disabled",true); 
$('#tel').attr("disabled","false");

本回答被提问者和网友采纳
参考技术B 在jquery中:
//使按钮不可用:
$('#tel').attr('disabled',true);
//恢复按钮:
$('#tel').attr('disabled',false);
参考技术C $('#tel').prop("disabled", true);禁止输入;
$('#tel').prop("disabled", false);允许输入。

jq设置checkbox默认选中状态 jQuery控制input不可编辑

1.后台发送的数据 是spring框架中的对象model.addObject(“student”,stu);
前台页面由隐藏的接收对象

页面代码:

<input id="wfsi" class="hidden" th:value="${student.age}"/>

<div>
<input id="ckbx" type="checkbox"/>
</div>
  • 1
  • 2
  • 3
  • 4
  • 5

jq代码设置checkbox的几种方式:

1.attr
//设置复选框为勾选状态
$("#ckbx").attr("checked","checked");

//设置复选框未选中状态
$("#ckbx").removeAttr("checked");

2.prop
//设置复选框为勾选状态
$("#ckbx").prop("checked",true);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

以上是在jq.1.12.4.js和bootstrap环境下运行,具体行为是前端html页面发送请求到controller,springBoot自动获取对应的数据进行处理,将返回的结果对象(Model以及addObject方法)传回给html,然后jq获取负责接收数据的input标签的值。

发布了46 篇原创文章 · 获赞 8 · 访问量 7万+

原文链接 https://blog.csdn.net/qq_26917447/article/details/78801392

1.开启disabled,是input不可以编辑

  $("#id").attr("disabled","disabled");

2.关闭disabled

  $("#id").removeAttr("disabled");

普通js中是这样写的,document.getElementById("id").disabled = false;

错误写法:$("#id").attr("disabled","false");

以上是关于jquery控制input不可编辑和可以编辑?的主要内容,如果未能解决你的问题,请参考以下文章

jq设置checkbox默认选中状态 jQuery控制input不可编辑

jQuery设置文本框为不可编辑

如何设置jquery easyui中下拉框不可编辑

如何设置jquery easyui中下拉框不可编辑

如何设置jquery easyui中下拉框不可编辑

微信小程序输入框 input 怎么动态控制是不是可可以编辑?