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

最新推荐文章于 2023-04-05 21:54:56 发布
最新推荐文章于 2023-04-05 21:54:56 发布
阅读量3.2w 收藏 4
点赞数
分类专栏： javascript 文章标签： jquery list function xhtml input null

/*---------------------------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();
             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 >

snihcel
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
JQuery判断radio（单选框）是否选中和获取选中值方法总结
weixin_30614587的博客
05-27 673
篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: <!DOCTYPE ht...
jquery如何使用正则
nana837的博客
03-02 163
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判断radio单选框是否选中
weixin_33998125的博客
03-10 339
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript、jQuery获取单选框（radio）的选中值（学习笔记）
最新发布
廖小生的博客
04-05 1445
HTML代码： 二、处理表单的JS 1.显示及隐藏： 2.读取单选值： 三、相关扩展 由于只有五个单选，所以我使用的是五段相似的for循环进行处理，实际上可以外层再套for循环使得可以从1-5遍历单选框，实现代码复用，如：
jquery获取以及判断单选框、开关选中值
大石化鸟的博客
03-09 552
jquery获取以及判断单选框、开关选中值
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
10-24
如果需要判断radio是否被选中，并获取选中值，可以编写一个函数： ```javascript function checkradio() { var item = $(":radio:checked"); var len = item.length; if (len > 0) { alert("yes--选中的值为：" ...
jQuery设置和获取select、checkbox、radio的选中值方法
11-28
select、checkbox、radio是很常用的表单控件，熟练掌握操作它们的方法，会加快我们的开发速度。 设置单选下拉框的选中值 如果option中没有value属性，那可以通过text设置选中项; 如果option中有value属性，那必须...
JQuery控制radio选中和不选中方法总结
10-24
主要介绍了JQuery控制radio选中和不选中方法总结,本文起讲解了设置选中方法、设置选中和不选中示例、另一种设置选中方法、根据值设置radio选中、使用prop方法操作示例等内容,需要的朋友可以参考下
JQuery radio（单选按钮）操作方法汇总
蓝天
11-17 5924
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。 1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked.
jquery判断radio是否选中
weixin_30673611的博客
11-07 76
微交易-实体系统 微交易-虚拟系统 <div class="system"> <div class="systemt"> <label for="truepan"> <input type="radio" name="weixitong" id="truepan" cla...
jQuery判断checkbox，radio是否选中的3种方法
weixin_33696106的博客
02-25 1366
jQuery判断checkbox是否选中的3种方法 方法一： if ($("#checkbox-id").get(0).checked) { // do something } 方法二： if($('#checkbox-id').is(':checked')) { // do something } 方法三：...
jquery判断radio或者checkbox是否被选中
热门推荐
lzh6hao0的博客
03-11 1万+
jquery判断radio或者checkbox是否被选中， //这里的type为raido或者checkbox $("input[type='radio']").each(function () { //循环使用is进行判断 if ($(this).is(":checked")) { //do somethin...
append替换代码后jquery不起作用_jQuery设计思想及其简单实现
weixin_39793189的博客
11-21 101
前言： jQuery是目前最长寿也是使用最广泛的javaScript函数库,据统计全球排名前100k的网站,有90%都在使用jQuery,远远超过了其他的库,数据如下图jQuery使用数据 jQuery的实现都是基于DOM api的,大家都知道js提供的dom操作代码繁琐,而jQuery的核心里历练wirte less,do more. 当我们使用jQuery时...
Tkinter 创建多选框 获取选中值 并弹窗显示选中值
03-31
以下是一个 Tkinter 多选框示例，它可以获取选中值，并在弹窗中显示选中值： ```python import tkinter as tk from tkinter import messagebox class CheckBoxDemo(tk.Frame): def __init__(self, master): super().__init__(master) self.master = master self.master.title("多选框示例") self.create_widgets() def create_widgets(self): self.var1 = tk.BooleanVar() self.var2 = tk.BooleanVar() self.var3 = tk.BooleanVar() self.chk1 = tk.Checkbutton(self, text="选项1", variable=self.var1) self.chk2 = tk.Checkbutton(self, text="选项2", variable=self.var2) self.chk3 = tk.Checkbutton(self, text="选项3", variable=self.var3) self.btn = tk.Button(self, text="确定", command=self.show_selection) self.chk1.pack() self.chk2.pack() self.chk3.pack() self.btn.pack() def show_selection(self): selection = [] if self.var1.get(): selection.append("选项1") if self.var2.get(): selection.append("选项2") if self.var3.get(): selection.append("选项3") if selection: messagebox.showinfo("选中的选项", "\n".join(selection)) else: messagebox.showwarning("提示", "您没有选中任何选项！") if __name__ == '__main__': root = tk.Tk() app = CheckBoxDemo(root) app.pack() root.mainloop() ``` 运行代码后，将显示一个窗口，其中有三个多选框和一个“确定”按钮。用户可以选择任意数量的选项，然后单击“确定”按钮。如果用户没有选择任何选项，则将显示一个警告框，否则将显示一个信息框，其中包含所选选项的列表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值