JQuery判断radio是否选中，获取选中值

最新推荐文章于 2024-06-11 10:54:21 发布
最新推荐文章于 2024-06-11 10:54:21 发布
阅读量789 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/JiangXiaoTian/articles/2597222.html
版权 
/*---------------------------JQuery判断radio是否选中，获取选中值----------------------------------*/
 
其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JQuery radio</title>

<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>

<script type="text/javascript" language="javascript">

 /*------判断radio是否有选中，获取选中的值--------*/

    $(function(){

         $("#btnSubmit").click(function(){

            var val=$('input:radio[name="sex"]:checked').val();

            if(val==null){

                alert("什么也没选中!");

                return false;

            }

            else{

                alert(val);

            }

            var list= $('input:radio[name="list"]:checked').val();
              var boolCheck=$( 'input:radio[name="sex"]' ).is( ":checked" ); 
if(list==null){

                alert("请选中一个!");

                return false;

            }

            else{

                alert(list);

            }           

         });

     });

</script>

</head>

 

<body>

<form id="form1" >

<input type="radio"  name="sex" value="男" />男

<input type="radio" name="sex" value="女" />女

<br />

<input type="radio"  name="list" value="十分满意" />十分满意

<input type="radio" name="list" value="满意" />满意

<input type="radio" name="list" value="不满意" />不满意

<input type="radio" name="list" value="非常差" />非常差

<br />

<input type="submit" value="submit"  id="btnSubmit" />

</form>

</body>

</html>

 

 

转载于:https://www.cnblogs.com/JiangXiaoTian/articles/2597222.html

weixin_30457065
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery判断radio（单选框）是否选中和获取选中值方法总结
weixin_30614587的博客
05-27 686
篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: <!DOCTYPE ht...
jquery判断单选按钮radio是否选中的方法
CathyLou的博客
09-06 1576
html代码如下： ? 1 2 3 input type="radio" id="d1" name="ra" value="a" checked="checked" /> input type="radio" id="d2" name="ra" value="b"
JQuery radio（单选按钮）操作方法汇总
最新发布
lx_mai的专栏
06-11 698
注：attr(“checked”,’checked’)= attr(“checked”, ‘true’)= attr(“checked”, true)如删除第3个Radio:$(“input:radio”).eq(2).remove();5.根据Value值设置Radio为选中值。6.删除Value值为rd2的Radio。2.点击按钮的时候获取id。7.删除第几个Radio。
有关Jquery中Radio判断是否选中的问题
diandutong2417的博客
02-06 70
在进行判断页面中的一组Radio是否选中与否的时候需要注意的是必须声明一个变量来进行判断而不能直接进行判断，如下所示： var item = $(":radio:checked"); var len=item.length; if(len>0){} //这是重点 注意这种写法是在firefox下才有的。这可能是firefox下的一个bug。 而得到一组Rad...
JavaScript、jQuery获取单选框（radio）的选中值（学习笔记）
廖小生的博客
04-05 1469
HTML代码： 二、处理表单的JS 1.显示及隐藏： 2.读取单选值： 三、相关扩展 由于只有五个单选，所以我使用的是五段相似的for循环进行处理，实际上可以外层再套for循环使得可以从1-5遍历单选框，实现代码复用，如：
html单选框判断哪个选中,jquery如何判断单选框是否被选中？
weixin_31574891的博客
06-29 4187
jquery如何判断单选框是否被选中？下面本篇文章就来给大家介绍一下Jquery判断单选框是否选中和获取选中值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。方法1：利用选中值判断选中，先获取单选框的值再判断是不是为null十分满意满意不满意非常差/*------判断radio是否有选中，获取选中的值--------*/$(function() {$("#btnSubmit...
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
12-12
- **判断是否选中并获取选中值**： ```javascript function checkradio() { var item = $(':radio:checked'); var len = item.length; if (len > 0) { alert("yes–选中的值为：" + $(':radio:checked').val...
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
12-12
使用jQuery获取选中值，可以使用`:checked`选择器来定位当前被选中的按钮，然后调用`.val()`方法获取其值。代码如下： ```javascript var selectedValue = $("input[name='likea']:checked").val(); ``` 这段代码...
JQuery判断radio是否有选中，获取选中的值
06-29
下面是一个简单的示例，展示如何使用jQuery判断单选按钮是否被选中并获取选中值： ```javascript // 获取所有同名的单选按钮 var radioButtons = $('input[name="yourRadioGroupName"]'); // 检查是否至少有一个被...
jquery如何使用正则
nana837的博客
03-02 174
jquery正则使用的方法：1、用户密码，代码为【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】；2、邮件，代码为【/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/】。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery正则使用的方法： 1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+
判断radio是否被选中
07-16
基于asp语言，用来判断radio控件是否被选中
html单选框选中状态,jquery怎么判断单选框是否选中
weixin_42127937的博客
05-31 1243
jquery判断单选框是否选中的方法：1、通过单选框选中的值判断。2、通过单选框的checked属性判断是否选中。jquery判断单选框是否选中的两种方法介绍：第一种：利用选中值判断选中/p>Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">JQuery radiosrc="JavaS...
jQuery判断radio单选框是否被选中，并获取选中值
kingkuang2006的专栏
01-25 3506
<br />function checkradio(){ <br />      var item = $(":radio:checked"); <br />      var len=item.length; <br />      if(len>0){ <br />            alert("yes--选中的值为："+$(":radio:checked").val()); <br />      } <br />}
JQuery判断radio（单选框）是否选中
麦叔
07-23 2182
一 项目需求 今天产品小哥甩给我一个需求,大概如下 这是一个检查页面,检查人员可以对每一项检查内容勾选符合或者不符合; 由于业务变更,现在要求所有检查项检查人员必须检查,换句话说,就是对于每一项检查,要么你勾选符合,要么你勾选不符合,不能不勾选; 二 需求分析 首先看了一下以前老哥写的源码,每一个单选框实现如下图所示 <td> <label for="02scoreMM01" class="icheck-radio"> <input type="radio" id.
jQuery获取单选按钮radio选中值与去除所有radio选中状态
包子源的博客
02-24 5831
喜欢 一般 不喜欢 利用jquery获取radio选中值 $("input[name='likea']:checked").val() 去除所有radio选中状态 $('input:radio[name="likea"]').removeAttr('checked');
【javaWeb】JS和JQuery判断radio（单选框）是否选中和获取选中值方法总结
TaoiR的浅水坑
01-07 2828
情况描述，我就不贴代码了: 当前有3级单选按钮。 一级单选按钮有三个：a\b\c，它们的name都是【n1】。 选一级的b时会出现2级隐藏单选按钮的d\e，它们的name都是【n2】。 选一级的c时会出现2级隐藏按钮的f\g\h\i\j，它们的name都是【n3】。 选J时会出现最后的3级隐藏文本框K，它的name是【n4】。   现在通过AJAX来向后台传递选中的单选框的值，解决方...
Jquery获取radio的状态
邓轩的博客
11-05 3359
项目中这是经常会遇到的问题还得网上找很久还不一定是想要的，所以写这篇文章记录一下 获取选中状态的radio var va=$('input:radio[name="radio的name"]:checked').val();
Tkinter 创建多选框 获取选中值 并弹窗显示选中值
03-31
以下是一个 Tkinter 多选框示例，它可以获取选中值，并在弹窗中显示选中值： ```python import tkinter as tk from tkinter import messagebox class CheckBoxDemo(tk.Frame): def __init__(self, master): ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值