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

最新推荐文章于 2024-06-11 10:54:21 发布
最新推荐文章于 2024-06-11 10:54:21 发布
阅读量805 收藏
点赞数 
转载自：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);
			}	
			if(list=="满意"){ alert(list); }//如果判断值不为null时，记得加上""否则判断无效，菜鸟要注意！
			else{ alter("请选中一个！"); return false; }
	 });
	 });
</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>
Switch_Man
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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();
jquery判断单选按钮radio是否选中的方法
12-09
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下： html代码如下： <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="ra" value="b" /> <input type="radio" id="d3" name="ra" value="c" /> 1. 加载页面的时候获取id $("input[type='radio']").each(function(){ var id= $
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
JQuery radio（单选按钮）操作方法汇总
最新发布
lx_mai的专栏
06-11 696
注：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如何使用正则
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 checkbox,radio是否选中的判断代码
12-12
1：判断radio 代码如下: var selected = $(‘input[name=selectid:checked]’).val();//若未被选中 则val() = null if(selected == null){ alert(“未选中！”); }else{ alert(“选中！”); } 2：判断checkbox 代码如下: var n = $(“input:checked”).length; if(n==0){ alert(“未选中！”); }else{ alert(“选中！”); } $(“div”).text(n + (n <= 1 ? ” is” : ” are”
jQuery中如何判断radio选中（4种方法）
11-03
jQuery中如何判断radio选中，这里共有4中方法来实现。
JQuery判断radio是否有选中，获取选中的值
06-29
Jquery判断radio是否有选中，获取选中的值, 测试有效。兼容各浏览器。非常好用。
JQuery判断radio单选框是否选中并获取值的方法
12-10
一、设置选中方法 代码如下: $("input[name='\u540d\u5b57']").get(0).checked=true; $("input[name='\u540d\u5b57']").attr('checked','true'); $("input[name='\u540d\u5b57']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][checked]").val(); //获取被选中Radio的Value值 二、设置选中和不选中示例 代码如下: <input type="radio" value="0" name="jizai" id="0"/>否
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
jQ判断radio是否选中
博客
12-21 350
判断如果输入框有值，选中“是” if($("#hosNum").val()!=""){ $("#isHos1").attr("checked", "checked");//不选中 $("#isHos2").removeAttr("checked");//选中 $("#hosNum").attr("readOnly",
JQuery判断radio单选框是否选中
weixin_33998125的博客
03-10 341
2019独角兽企业重金招聘Python工程师标准>>> ...
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() ``` 运行代码后，将显示一个窗口，其中有三个多选框和一个“确定”按钮。用户可以选择任意数量的选项，然后单击“确定”按钮。如果用户没有选择任何选项，则将显示一个警告框，否则将显示一个信息框，其中包含所选选项的列表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值