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

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

Jquery提供的选择器极大的方便了开发人员对Dom的 *** 作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下:

<form name='form1' action="#" method="post">

此处略去200字

<input type="radio" name="opType" value="0" />搁置<br />

<input type="radio" name="opType" value="1" />解决<br />

<input type="radio" name="opType" value="2" />转派4<br />

</form>

那么如何获取被选中的radio值呢,Juqery为我们提供了如下几个方法

$("input[name='opType']:checked")val() -------此方法估计用的比较多,通俗易懂

$("input:radio:checked")val(); ---------此方法最简单,但是连着使用选择器不容易懂

$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked],本人第一次就写成这个了

那么,偶尔也需要遍历一下radio,如何做呢?当然需要each出场了,具体如下:

$('input[name="opType"]')each(function(){

alert(thisname+thisvalue);

});

应该明白了吧,若有什么更好的方法欢迎盖楼。

1、定义一个radio节点

<input type='radio'/>

2、通过过滤器获取选中的radio

var selectR = $('input:radio:checked');//input表示标签是input,:radio表示type是radio,:checked表示是选中

3、通过val获取选中的值

var v =selectRval();//获取选中的值

这是d出框里面的格式

<div class="fitem">

<label>公告主题:</label> <input id="title" class="easyui-textbox" prompt="请输入公告主题"

data-options="required:true,validType:['them','length[2,20]']">

</div>

在ajax中直接用id获取textbox中的值就好啦

"title":$('#title')textbox("getValue"),

方法一:通过jquery方式获取,$("#id")val()

方法二:通过easyui组件方法获取,如对于numberbox组件:

$('#nn')numberbox('getValue');

type:字符串,编辑类型,可选值:text,textarea,checkbox,numberbox,validatebox,datebox,combobox,combotree。

也许可以这样写吧

formatter: function(value, rowData, rowIndex){

return '<input type="radio" name="personSex" />' +rowData+'<input type="radio" name="personSex" />' +!rowData;

}

以上就是关于如何使用Jquery获取Form表单中被选中的radio值全部的内容,包括:如何使用Jquery获取Form表单中被选中的radio值、如何通过jquery获取选中按钮的radio的value值、EasyUI怎么获取文本框里输入的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存