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

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

 Jquery获取选中radio的值方式很多:

1获取选中值,三种方法都可以:

$('input:radio:checked')val();

$("input[type='radio']:checked")val();

$("input[name='rd']:checked")val();2设置第一个Radio为选中值:

$('input:radio:first')attr('checked', 'checked');

或者

$('input:radio:first')attr('checked', 'true');

注:attr("checked",'checked')= attr("checked", 'true')= attr("checked",    true)3设置最后一个Radio为选中值:

这个是前端html代码

这个是后台php代码

其中 ,你需要在前端那里选择你的数据提交方式,我这里选择的是post,还有就是你数据提交的目的地,也就是你接受数据的后台程序,就那个action里面的值,在这里  ,我就先说一下怎么接收,至于里面的检验数据提交 *** 作的,可以等以后这个会了在研究。

然后你需要给需要提交的数据设置类型,例如上面的text还有就是名字例如user_login,这个用于接收的时候对号入座。当你点击submit的时候,你的数据就被传送到了那个相对应的php程序那里,我这里是loginphp,那么现在就可以在php程序里面接受了。

定义user_login变量来接受用户输入的user_login的那个值,对于post方式提交的数据,有一个固定的格式就是$_post['接受的name值']

具体你可以好好看看这个程序,这是很久以前写的了。

赠人玫瑰手有余香

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下:

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

以上就是关于如何使用Jquery获取Form表单中被选中的radio值全部的内容,包括:如何使用Jquery获取Form表单中被选中的radio值、菜鸟关于后台获取form表单里面值的问题 大神求教、iview表单提交的值怎么来获取和生成表格等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存