Home  >  Article  >  Web Front-end  >  How to change the attributes of input in jQuery

How to change the attributes of input in jQuery

藏色散人
藏色散人Original
2021-11-16 10:43:313425browse

How to change the input attribute in jQuery: 1. Open the corresponding front-end code file; 2. Change the input attribute by applying the disabled and readonly attributes to the element.

How to change the attributes of input in jQuery

The operating environment of this article: Windows 7 system, jquery version 3.2.1, DELL G3 computer

How does jQuery change the attributes of input?

jquery operation button to modify the corresponding input attribute

Click the modify button on the right, and modify the disabled and readonly attributes in the corresponding input

How to change the attributes of input in jQuery

How to change the attributes of input in jQuery

$(".buttonxg button").click(function(){
    $(this).prev().children("input").removeAttr("readonly");
})

Jquery’s api provides the ability to apply disabled and readonly to elements The attribute method is recorded here. Interested friends can practice it.

Jquery’s API provides methods for applying the disabled and readonly attributes to elements, which are recorded here. As follows

$('input').attr("readonly","readonly")//将input元素设置为readonly    
$('input').removeAttr("readonly");//去除input元素的readonly属性    
if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

There are two other methods for setting the readonly attribute and canceling the readonly attribute for an element:

$('input').attr("readonly",true)//将input元素设置为readonly    
$('input').attr("readonly",false)//去除input元素的readonly属性 
$('input').attr("readonly","readonly")//将input元素设置为readonly    
$('input').attr("readonly","")//去除input元素的readonly属性 2.disabled 
$('input').attr("disabled","disabled")//将input元素设置为disabled    
$('input').removeAttr("disabled");//去除input元素的disabled属性    
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

There are two other methods for setting the disabled attribute and canceling the disabled attribute for an element. :

$('input').attr("disabled",true)//将input元素设置为disabled    
$('input').attr("disabled",false)//去除input元素的disabled属性 
$('input').attr("disabled","disabled")//将input元素设置为disabled    
$('input').attr("disabled","")//去除input元素的disabled属性

Recommended study: "jquery video tutorial"

The above is the detailed content of How to change the attributes of input in jQuery. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn