作者:mobiledu2502912017 | 来源:互联网 | 2020-08-28 17:23
Jquery获取各种表单标签值的方法:单行文字:$("#text").val();密码:$("#pass").val();单选:$("input:radio:checked").val();多行文字:$("textarea").val();
在日常开发过程中,有许多用到表单的地方。比如登录,注册,比如支付,填写订单,比如后台管理等等。
多选:
篮球
足球
皮球
下拉列表:
多行文字域:
用jQuery获取表单标签值
// 昵称
var name = $("#name").val();
console.log(name);
// 密码
var pass = $("#pass").val();
console.log(pass);
// 性别
var sex = $("input:radio:checked").val();
console.log(sex);
// 性别
var sex1 = checkAll($("input:radio"));
console.log(sex1);
// 兴趣
var hobby = checkAll($("input:checkbox"));
console.log(hobby);
// 城市
var city = $("#city").val();
console.log(city);
// 城市
var city1 = $("#city option:selected").val();
console.log(city1);
// 备注
var remark = $("#remark").val();
console.log(remark);
一个可以获取单选和多选的函数,返回值得数组:
//获取单选或者多选的值,返回一个值得数组,如果没有值,返回空数组,参数inputlist是jQuery对象
function checkAll(inputlist){
var arr = [];
var num = inputlist.length;
for(var i = 0; i 总结:
单行文字:$("#text").val();
密码:$("#pass").val();
单选:$("input:radio:checked").val();
多选:遍历 $("input:checkbox"),判断是否选中
下拉:$("#select").val();或者$("#select option:select").val();
多行文字:$("textarea").val();
以上就是jquery怎么获取表单标签值的详细内容,更多请关注 第一PHP社区 其它相关文章!