jquery知识整理(六)---表单属性的获取和设置

Catalina_yep

于 2020-06-21 15:32:43 发布

阅读量262

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/Apple_Andy/article/details/106886181

10 篇文章

订阅专栏

本文详细介绍了如何使用jQuery操作HTML页面中的输入框和多选框元素。包括通过val()方法读取和设置输入框的值，attr()和prop()方法的区别及其在多选框checked属性上的应用。对于初学者和需要复习jQuery表单操作的开发者来说，本文提供了实用的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.通过val( )方法获取值

 <input id="nameId" name="name"><br>
    var  name = $("#nameId").val();

2.设置属性值

$("#nameId").attr("value","点击")
 $("#nameId").attr("type","button")

设置多个属性值

attr({key1:"value1",key2:value}) 这个数据结构是: json格式
$("#nameId").attr({"type":"button","value":"点击"});

(1)通过attr 获取多选框的 checked 属性返回是字符串

var str1 = $("input[name='fav']:eq(1)").attr("checked")

(2)通过prop 获取多选框的 checked 属性返回是boolean

var str2 = $("input[name='fav']:eq(1)").prop("checked")

(3)总结 : attr jquery 低版本也有这个方法 prop 是1.6 版本之前提供的方法
多选框使用attr 获取 checked 属性字符串 ,prop 获取多选框的 checked 属性 ,返回的是boolean , 如果操作多选框建议使用prop