jquery设置文本框只读多个例子

发布时间:2021-01-08编辑:脚本学堂
有关jquery设置文本框为只读的方法,jQuery设置文本框为不可编辑的多个例子,jquery操作readonly、disabled属性的实例教程,需要的朋友参考下。

一、如何用jquery设置文本框只读,或禁用文本框编辑功能?

例子:
 

复制代码 代码示例:

jQuery(":text").disabled=true;

<script>
    $(document).ready(function(){
   $(":text").each(function(){
      this.disabled=true;
   });
 });
  </script>

二、jquery为文本框添加只读属性readonly

例子:
 

复制代码 代码示例:
<input id="id" type="text"  />
jQuery(
 $("#id").attr("readonly":"readonly"); //添加readonly属性 & $("#ID").attr({ readonly: 'true' });
 $("#id").removeAttr("readonly");  //去除readonly属性
);

三、jquery如何设置文本框只读

例子,设置input文本框的只读属性。
 

复制代码 代码示例:
$('input:text').attr("disabled","disabled");//设为不可用
$('input:text').removeAttr("disabled"); //取消不可用的设置
$('input:text').attr("readonly","readonly");//设为只读
$('input:text').removeAttr("readonly");//取消只读的设置

四、jquery如何让checkbox只读

例子:
 

复制代码 代码示例:

<html>
<head>
<script type="text/javascript">
function disable()
{
document.getElementById("check1").disabled=true
}
</script>
</head>
<body>

<form>
<input type="checkbox" id="check1" />
<input type="button" onclick="disable()" value="Disable Checkbox" />
</form>

</body>
</html>

五、jquery让所有表单元素均为只读
 

$("form input").prop("readonly", true);


将所有表单的所有表单控件的readonly全部设置为readonly~

注意,如果直接使用input选择器的话,包括了按钮~
所以要排除按钮、隐藏域之类的input的话~
使用not选择器:
 

$("input:not(:button,:hidden)").prop("readonly", true);