首页前端开发JavaScriptjQuery怎么改变input的属性

jQuery怎么改变input的属性

时间2024-01-30 18:46:02发布访客分类JavaScript浏览809
导读:收集整理的这篇文章主要介绍了jQuery怎么改变input的属性,觉得挺不错的,现在分享给大家,也给大家做个参考。jquery改变input属性的方法:1、打开相应的前端代码文件;2、通过对元素应用disabled和readonly属性的方...
收集整理的这篇文章主要介绍了jQuery怎么改变input的属性,觉得挺不错的,现在分享给大家,也给大家做个参考。

jquery改变input属性的方法:1、打开相应的前端代码文件;2、通过对元素应用disabled和readonly属性的方法来实现改变input属性即可。

本文操作环境:Windows7系统、jquery3.2.1版、DELL G3电脑

jQuery怎么改变input的属性?

jquery操作按钮修改对应input属性

点击右侧的修改按钮,对应的input中的disabled和readonly得属性修改

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

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下,感兴趣的朋友可以练练手了

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下

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

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:

$('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属性的方法还有如下两种:

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

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

以上就是jQuery怎么改变input的属性的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

jQuery

若转载请注明出处: jQuery怎么改变input的属性
本文地址: https://pptw.com/jishu/592898.html
jquery怎样表单验证不能为数字 详解.Net Core使用Socket与树莓派进行通信

游客 回复需填写必要信息