jquery获取表单标签值的方法-创新互联

这篇文章将为大家详细讲解有关jquery获取表单标签值的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司是一家集网站建设,舟曲企业网站建设,舟曲品牌网站建设,网站定制,舟曲网站建设报价,网络营销,网络优化,舟曲网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

使用jQuery来获取表单的值是比较常见的做法。

常见表单

单行文字域：<input type='text'>

<input type="text" id='name' value='pelli'>

密码域：<input type='password'>

<input type="password" id='pass' value='password'>

单选：<input type='radio' name='sex'>男 <input type='radio' name='sex'>女

<input type="radio" name='sex' id='man' value="1">
<label for="man">男</label>
<input type="radio" name='sex' id='woman' value="0">
<label for="woman">女</label>

多选：　

<input type='checkbox' value='1' name='intrest'>篮球
<input type='checkbox' value='2' name='intrest'>足球
<input type='checkbox' value='3' name='intrest'>皮球

下拉列表：

<select name="city" id="city">
    <option value="1">北京</option>
    <option value="2">南京</option>
    <option value="3">上海</option>
    <option value="4">成都</option>
    <option value="5">西安</option>
</select>

多行文字域：<textarea>这里可以写多行文字</textarea>

<textarea name="" id="remark" cols="30" rows="10">这里是备注</textarea>

用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 < num; i++){
        if(inputlist.eq(i).is(":checked")){
            arr.push(inputlist.eq(i).val());
        }
    }
    return arr;
}

总结：

单行文字：$("#text").val();

密码：$("#pass").val();

单选：$("input:radio:checked").val();

多选：遍历 $("input:checkbox"),判断是否选中

下拉：$("#select").val();或者$("#select option:select").val();

多行文字：$("textarea").val();

关于jquery获取表单标签值的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：jquery获取表单标签值的方法-创新互联
文章分享：https://www.cdcxhl.com/article48/cegshp.html

成都网站建设公司_创新互联，为您提供网站设计、小程序开发、手机网站建设、网站策划、搜索引擎优化、微信公众号

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容