首页 > 其他分享 >jquery获取radio选中值及遍历

jquery获取radio选中值及遍历

时间:2023-10-10 13:32:14浏览次数:40  
标签:jquery checked name val testradio radio input 值及

在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

<input type="radio" name="testradio" value="jquery获取radio的值" /> 
<input type="radio" name="testradio" value="jquery获取checkbox的值" /> 
<input type="radio" name="testradio" value="jquery获取select的值" /> 

要想获取某个radio的值有以下的几种方法:

$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');

如果我们要遍历name为testradio的所有radio呢,代码如下

$('input[name="testradio"]').each(function(){
	alert(this.value);
});

如果要取具体某个radio的值,比如第二个radio的值,这样写

$('input[name="testradio"]:eq(1)').val()

标签:jquery,checked,name,val,testradio,radio,input,值及
From: https://blog.51cto.com/lianghecai/7790975

相关文章

  • 左值、右值及其引用的区别
    左值、右值及其引用的区别概念左值左值既可以出现在等号左边,也能出现在等号右边左值可以修改左值是可寻址的变量,具有持久性纯右值右值只能出现在等号右边右值不可修改右值一般是不可寻址的常量,具有临时性将亡值C++11新增的与右值引用相关的表达式......
  • jquery 轮播图,实现方式为:显示隐藏的方式
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.box{width:380px;height:260px;position:......
  • Django 数据库--values_list 指定字段取值及 distinct 去重处理
    通过QuerySet会返回model的所有字段,通过obj.field_name即可获取对应字段的数据values():获取某一个或者某几个字段的数据指定字段使用values()指定参数可以仅仅返回相应字段的字典列表,如:name_dict_list=Project.objects.values('name')则name_dict_list= <Q......
  • JqueryDatatable插件
    注意:要被dataTable处理的table对象,必须有thead与tbody,而且,结构要规整(数据不一定要完整),这样才能正确处理常用参数'bPaginate':true,//是否显示分页'sPaginationType':"full_numbers",//分页的类型'iDisplayLength':50,//每页显示数量'bFilter':false,//是否启动过滤......
  • JQuery基础系统二:选择器
    选择器是jQuery的基础,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器1.CSS选择器1.1CSS是一项出色的技术,它使得网页的结构和表现样式完全分离。利用CSS选择器可以轻松的对某个元素添加样式而不用改动HTML结构,只需要通过添加不同的CSS规则,就可以得到不同样式的网页1.......
  • JQuery基础系统一:简介
    jQueryAPI中文文档:https://www.jquery123.com/jQueryMobile菜鸟教程:http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html更多内容参考Github:https://github.com/summerSongXia/summerProject/tree/master/JQuery1.Javascript简介1.1JS的3个弊端:复杂的......
  • jquery之each遍历
    jQuery的each和原生的JavaScript方法forEach原生的JavaScript方法forEach是EcmaScript5提供的不兼容IE8jQuery的each由jQuery这个第三方库提供jQuery2以下的版本是兼容IE8的它的each方法主要用来遍历jQuery实例对象(伪数组)同时它也可以作为......
  • jquery 直接添加<style>样式
    如何使用jQuery直接添加style样式作为一名经验丰富的开发者,我将带你了解如何使用jQuery直接添加style样式。在本文中,我将向你展示一个简单的步骤,并提供每一步所需的代码和注释。让我们开始吧!整体流程下面是整个过程的步骤概述:步骤描述1引入jQuery库2创建一个样式......
  • Gnuradio+AM解调
    1. https://wiki.gnuradio.org/index.php/PLL_Carrier_Tracking2.https://wiki.gnuradio.org/index.php?title=Complex_to_Mag#Example_Flowgraph ......
  • jquery设置图片可手动拖拽
    JQuery是一款流行的JavaScript框架,可以轻松实现网页交互效果。而其中一种常见效果是图片手动拖拽。以下是设置图片手动拖拽的JQuery代码。1234567891011121314151617181920212223242526$(document).ready(function(){var isDragging=fa......