jQuery获取radio选中项的值实例
作者：酷小孩 发布时间：2024-04-09 19:45:16
标签：jQuery,radio,选中项
<title></title>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function () {
//没有默认选中的情况
//先判断radio是否有选中项，再获取选中的值
$("#btnclick").click(function () {
//获取选中项的value属性
var chkRadio = $('input:radio[name="list"]:checked').val();
if (chkRadio == null) {
alert("没有选中项");
return false;
} else {
alert(chkRadio);
}
});
//有默认选中的情况
//获取选中项的值，一般采用遍历的方法，判断哪一项选中，获取其value属性的值
$("#btnclick2").click(function () {
var chk2 = getRadioValue("list2");
alert(chk2);
});
function getRadioValue(radioName) {
var chkRadio = document.getElementsByName(radioName);
for (var i = 0; i < chkRadio.length; i++) {
if (chkRadio[i].checked)
return chkRadio[i].value;
}
}
})
</script>
</head>
<body>
<div>
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
</div>
<br />
<div>
<input type="radio" name="list2" value="十分满意2" checked="checked" />十分满意2
<input type="radio" name="list2" value="满意2" />满意2
<input type="radio" name="list2" value="不满意2" />不满意2
<input type="radio" name="list2" value="非常差2" />非常差2
</div>
<input type="button" value="确定" id="btnclick" />
<input type="button" value="确定2" id="btnclick2" />
</body>
</html>
演示截图：
1.没有默认选中项的情况下，获取为null：
2.没有默认选中项的情况下，获取选中项的value值：
3.有选中项的情况下，获取选中项的值：
0
投稿猜你喜欢
前言本章主要讲述Windows环境下的Jenkins的自动化部署关于JenKins下载的方式有两种，1）直接下载war包,用tomcat/j- 之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里.原理css盒模型一个盒子包括: margin+border+p
- XSS（跨站脚本攻击）作为一种常见的网络安全漏洞，经常被黑客用来攻击网站，Python 是一种十分流行的编程语言，有着丰富的工具库和模块，可
- 之前对bottle做过不少的介绍，也写过一些文章来说明bottle的缺点，最近发现其实之前有些地方说的不太公平，所以趁此机会也来更正一下。&
- 1. 线程的概念：线程，有时被称为轻量级进程(Lightweight Process，LWP），是程序执行流的最小单元。一个标准的线程由线程
- 用Python生成一个简单的密码本，一般是有数字、字母和符号组成，这里用到的思路主要是穷举法。通过使用pywifi 模块，根据密码本暴力破解
- 首先是准备工作Python 2.7.11：下载pythonPycharm：下载Pycharm其中python2和python3目前同步发行，
- 前言：MySQL 有很多存储引擎（也叫数据引擎），所谓的存储引擎是指用于存储、处理和保护数据的核心服务。也就是存储引擎是数据库的底层软件组织
- 很多时候我们的redis的IP地址一般都是默认的127.0.0.1代表只能接受本机的访问，因此我们其他机器上想要访问这个redis的时候，就
- 如果要写一个程序，让x1为1，x2为2，然后直到x100为100，你会怎么做？在C这种静态语言里，变量名这个标识符实际上会被编译器直接翻译成
- 一个拖动层和Onmouse自动下拉效果，IE支持，不支持ff。下面所示的效果四个小块可以拖动到页面任意点，大黑块可以连同四个小块随动。<
- 以上述图片举例，要求 相对 的顺时针夹角。注意：这里使用图像坐标系1 定义求顺时针角度的函数 import numpy as npdef
- 使用环境在cmd模式下输入 mysql --version (查看mysql安装的版本).完整的命令可以通过mysql --help来获取.
- 先声明一下，这是本人在某个项目中用到的，本人自己写的，如有雷同纯属巧合。同时也欢迎高人指正。这种星级的投票效果很常见，但是目前线上大多都是通
- 本文介绍的MySQL数据库的出错代码表，依据MySQL数据库头文件mysql/include/mysqld_error.h整理而成。详细内容
- 本文实例为大家分享了python调用百度语音REST API的具体代码，供大家参考，具体内容如下（百度的rest接口的部分网址发生了一定的变
- 本文实例为大家分享了python K均值聚类的具体代码，供大家参考，具体内容如下#-*- coding:utf-8 -*- #!/usr/b
- pandas删除部分数据后重新索引在使用pandas时，由于隔行读取删除了部分数据，导致删除数据后的索引不连续：原数据删除部分数据后在绑定p
- 这篇文章主要介绍了vue如何实现动态加载脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考
- 目前在网络上多是单个条形图堆叠，没看到一组的条形图堆叠。代码如下：import numpy as npimport pandas as pd
