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

最新推荐文章于 2024-06-11 10:54:21 发布
最新推荐文章于 2024-06-11 10:54:21 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： JavaScript

原文地址：http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.html

<!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();
                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>

u013063153
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery判断radio（单选框）是否选中和获取选中值方法总结
weixin_30614587的博客
05-27 686
篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: <!DOCTYPE ht...
jquery获得选中的radio的值
weixin_40626699的博客
01-17 817
var relationVal = $(‘input[name=“relation”]:checked’).val();
js 判断一个radio被选中
HuangsTing的博客
09-03 3542
function baidu(){ var radios = document.getElementsByName("a"); for ( var i = 0; i < radios.length; i++) { if (radios[i].checked==true) { i++; alert("你选中的是第"+i+"个单选框。值为："+radios[--i].valu...
js前端判断radio是否选中的两种方法
qq_41353397的博客
11-21 5334
html代码： <input type="radio" value="#00CC00" name="device"> js代码： //js写法 let inputs = document.getElementsByName("device"); for (var i = 0; i < inputs .length; i++) { if (inputs [i].checked) { //TODO } //jquery写法: var val=$('input:radio[name="dev
JQuery radio（单选按钮）操作方法汇总
最新发布
lx_mai的专栏
06-11 699
注：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。
javascript判断radio是否选中
weixin_33933118的博客
03-21 554
javascript代码如下： for(var i=0;i<document.form1.radioid.length;i++) { if(document.form1.radioid[i].checked) { var value=doucment.form1.radioid[i].value; if(value==2) { if(confirm("你...
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(“["+
jQuery判断checkbox，radio是否选中
黄沙百战穿金甲，不破楼兰终不还。
05-06 3763
兄弟文章： http://blog.csdn.net/libin_1/article/details/50734967方法一： if ($("#checkbox-id").get(0).checked) { // do something }方法二： if($('#checkbox-id').is(':checked')) { // do something }方法三： if ($(
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选中（4种方法）
11-03
jQuery中如何判断radio选中，这里共有4中方法来实现。
JQuery判断radio是否有选中，获取选中的值
06-29
Jquery判断radio是否有选中，获取选中的值, 测试有效。兼容各浏览器。非常好用。
jquery怎么判断radio是否选中
fef647的博客
02-10 684
jquery判断radio是否选中的方法：1、利用获取选中值判断选中；2、使用checked属性判断选中；3、 jquery获取radio单选按钮的值；4、设置单选按钮被选中。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery判断radio是否选中的方法： 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
JQuery判断radio单选框是否选中
weixin_33998125的博客
03-10 341
2019独角兽企业重金招聘Python工程师标准>>> ...
JQuery 判断radio是否有选中，获取选中的值demo示例（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
08-27 1436
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery 判断radio是否有选中，获取选中的值</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></scr
JS 判断单选框(radio)是否被选中
qachenzude的专栏
07-29 1万+
JS 判断 radio 单选按钮是否选中    function ValidateRadio()    {      var radioSelete = "Nothing"      var seletedValue = "";      for(i=0;i      {         if(document.form1.rValue[i].checked)
JS判断单选框是否被选中事件
热门推荐
zhumizhumi的博客
10-28 1万+
<form> <input type="radio" id="radio1" /> <input type="button" onclick="check()" value="选中" /> <input type="button" onclick="uncheck()" value="取消" /> </form> fu...
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、付费专栏及课程。

余额充值