如何使用Jquery获取Form表单中被选中的radio值

如何使用Jquery获取Form表单中被选中的radio值,第1张

Jquery获取Form表单中被选中的radio值:

比如有form中有如下radio:

<input type="radio" name="aaa" value="1" checked="true">aaa

<input type="radio" name="aaa" value="2">bbb

<input type="radio" name="aaa" value="3">ccc

<input type="button" value="ok" onclick="doTest()">

执行doTest方法:

<script language="JavaScript">

function doTest(){

var result = $("input[name='aaa'][checked]")val());

var result1= $("input[name='aaa'][checked]")val());

alert(result);

alert(result1); }

</script>

打印结果:

true false

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>测试</title>

<link rel="stylesheet" href=">

1、根据name取值:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")val()

2、根据name取值遍历:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")each(function(){alert($(this)val());})

扩展资料:

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document)ready(function(){

var a=$("form input");

$each(

a,

function(name,object){

alert(name+":"+$(object)val());

}

);

});

</script>

你好!

可以通过jqueryformjs来解决。<form>

    标题:<input type="text" name="title" /><br />

    内容:<textarea name="content"><textarea/><br />

    <button>提交</button>

</form>$('button')on('click', function() {

    $('form')on('submit', 

        function() {

            var title = $('inpur[name=title]')val(),

                content = $('textarea')val();

            $(this)ajaxSubmit({

                type: 'post', // 提交方式 get/post

                url: 'your url', // 需要提交的 url

                data: {

                    'title': title,

                    'content': content

                },

                success: function(data) { 

                    // data 保存提交后返回的数据,一般为 json 数据

                    // 此处可对 data 作相关处理

                    alert('提交成功!');

                }

                $(this)resetForm(); // 提交后重置表单

            });

            return false; // 阻止表单自动提交事件 

        }

    );

});希望对你有帮助!

放到<form></form>里,直接使用 var arr=$("form")serializeArray(); 这样就获取到了name-value的数组

$('a')click(function () {

var input = $(this)find('inputstartend');

alert( inputval() );

})

// html

<input id="minus1" type="text" name="condition[]" value="3">

<input id="minus2" type="text" name="condition[]" value="2">

// js

var condition = $("input[name='condition[]']")map(function () {

    return $(this)val();

})get();

// 控制台输出结果,数组

consolelog(condition)

// (2) ["3", "2"]

以上就是关于如何使用Jquery获取Form表单中被选中的radio值全部的内容,包括:如何使用Jquery获取Form表单中被选中的radio值、jquery 怎么获取整个表单验证的结果、jQuery,根据name获取多个input表单的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10160179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存