jQuery通过input标签的name获取值
2025-09-17 22:27
jQuery
200
0
0
0
标题录入
封面图
在 jQuery 中,可以通过 `input` 标签的 `name` 属性来获取其值。以下是几种常见的方法: --- ### ✅ 方法一:使用 ` $('[name="name属性值"]')` ```javascript var value = $('input[name="yourName"]').val(); console.log(value); ``` - `yourName` 是你想要获取的 `input` 的 `name` 属性值。 - `.val()` 用于获取输入框的值。 --- ### ✅ 方法二:如果页面中有多個相同 name 的 input(如 radio 按钮) 如果是单选按钮(radio),可以这样获取选中的值: ```javascript var selectedValue = $('input[name="yourRadioName"]:checked').val(); console.log(selectedValue); ``` --- ### ✅ 方法三:获取所有具有某个 name 的 input 值(例如多个 input) ```javascript $('input[name="yourName"]').each(function() { console.log($(this).val()); }); ``` --- ### ✅ 示例 HTML ```html <input type="text" name="username" value="JohnDoe"> <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female ``` --- ### ✅ 示例 jQuery 代码 ```javascript // 获取文本框的值 var username = $('input[name="username"]').val(); // 获取选中的单选按钮的值 var gender = $('input[name="gender"]:checked').val(); console.log("用户名: " + username); console.log("性别: " + gender); ``` --- 如果你有更具体的场景或代码片段,我可以帮你进一步分析。
上一篇:
jquery中怎么打开新窗口
下一篇:
前端如何给bearer token传值
标题录入,一次不能超过6条
墨菲定律
T:0.009984s,M:124.55 KB
返回顶部
留言
留言
评论