淘先锋技术网

首页 1 2 3 4 5 6 7

JQuery是一个JavaScript库,它为使用者提供了许多简单的函数来完成HTML文档元素的遍历、操作和事件处理等任务。本文将介绍如何使用JQuery来实现文本框为只读。


$(document).ready(function(){
  //获取文本框元素
  var input_text = $('input[type="text"]');
  //将属性readonly设置为true
  input_text.attr('readonly', true);
});

jquery文本框为只读

上述代码是通过选择器选择所有type为text的input元素,然后将它们的readonly属性设置为true,以达到文本框为只读的效果。

另外,如果只想对部分元素进行只读设置,可以为元素设置一个唯一的ID或类名,然后使用相应的选择器进行选择。


$(document).ready(function(){
  //获取具有class为readonly的文本框元素
  var input_text = $('input.readonly');
  //将属性readonly设置为true
  input_text.attr('readonly', true);
});

代码中通过选择器选择所有class为readonly的元素,然后将它们的readonly属性设置为true,以达到文本框为只读的效果。

通过以上方式,使用JQuery实现文本框为只读将变得十分简单。