您的位置是:网站首页>Javascript编程Javascript编程

jQuery怎么改变input的属性

少儿编程网2022-01-19 13:35:47Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jQuery改变input属性的方法:1、打开相应的前端代码文件;2、通过对元素应用disabled和readonly属性的方法来实现改变input属性即可。本文操作环境:Windows7系统、jquery3.2.1版、DELLG3电脑jQuery怎么改变input的属性?jquery操作按钮修改对

jQuery改变input属性的方法:1、打开相应的前端代码文件;2、通过对元素应用disabled和readonly属性的方法来实现改变input属性即可。GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

本文操作环境:Windows7系统、jquery3.2.1版、DELL G3电脑GgU少儿编程网-https://www.pxcodes.com

jQuery怎么改变input的属性?GgU少儿编程网-https://www.pxcodes.com

jquery操作按钮修改对应input属性GgU少儿编程网-https://www.pxcodes.com

点击右侧的修改按钮,对应的input中的disabled和readonly得属性修改GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

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

GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

GgU少儿编程网-https://www.pxcodes.com

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下,感兴趣的朋友可以练练手了GgU少儿编程网-https://www.pxcodes.com

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下GgU少儿编程网-https://www.pxcodes.com

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

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:GgU少儿编程网-https://www.pxcodes.com

$('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属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:GgU少儿编程网-https://www.pxcodes.com

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

GgU少儿编程网-https://www.pxcodes.com

推荐学习:《jquery视频教程》

以上就是jQuery怎么改变input的属性的详细内容,更多请关注少儿编程网其它相关文章!GgU少儿编程网-https://www.pxcodes.com

来源:php中文网GgU少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

jQuery怎么改变input的属性

      匿名评论
    • 评论
    人参与,条评论
    jQuery怎么改变input的属性

微信公众号

免费视频教程

先知道