jQuery获取(选中)单选,复选框,下拉框中的值


Posted in Javascript onFebruary 21, 2014

实例如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="jquery-1.3.min.js"></script>
<script type="text/javascript">
function aa(){
// 获取单选按钮的值
var a = $("input[name='sex'][checked]").val();
alert(a);
}
function bb(){
// 若选中返回true,否则返回false
var c = $("#a").attr("checked");
alert(c);
// 获取单个复选框的值
var d = $("input[name='checkName'][checked]").val();
alert(d);
// 获取多个复选框的值
$("input[name='checkName'][checked]").each(function(){
if(this.checked)
alert($(this).val());
});
}
function checkWeek(){
//var $param = {};
$("#mPrefType").each(function(){
//    var key = $(this).attr("name");
//    if(!$param[key])
//        $param[key] = [];
// 获得value值
var value = $("##mPrefType option:selected").val();
alert(value);
// 获得需要的值
var name = $("##mPrefType option:selected").text();
alert(name);
});
}
</script>
</head>
<body>
Number:<input type = "text" value ="" name ="num1"/><br>
Number:<input type = "text" value ="" name = "num2"/><br>
<input type = "radio" value = "a"  name = "ss" />a
<input type = "radio" value = "b"  name = "ss" />b
<input type = "radio" value = "c"  name = "ss"/>c
<input type = "radio" value = "d"  name = "ss" >d<br>
<input type = "submit"  value = "提交"/> <br>
<hr>
<input type="radio" value="男" name="sex" id="1" onclick="aa()"/>男
<input type="radio" value="女" name="sex" id="0" onclick="aa()"/>女<br>
<input type="button" value="您选择的性别" onclick="aa()"/><br>
<hr>
<input type="checkbox" name="checkName" value="aa" id="a"/>aa
<input type="checkbox" name="checkName" value="bb" id="b"/>bb
<input type="checkbox" name="checkName" value="cc"/>cc
<input type="checkbox" name="checkName" value="dd"/>dd<br>
<input type="button" value="您选择的值是" onclick="bb()"/>
<hr>
<ul>
<li>请选泽</li>
<li>
<select id="mPrefType" name="mPrefType" class="inputS" onchange="checkWeek()">
<option value=0>请选择:</option>
<option value=1>星期一</option>
<option value=2>星期二</option>
<option value=3>星期三</option>
<option value=4>星期四</option>
<option value=5>星期五</option>
<option value=6>星期六</option>
<option value=7>星期日</option>
</select>
</li>
</ul>
</body>
</html>
Javascript 相关文章推荐
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
Jan 07 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
Bootstrap每天必学之表格
Nov 23 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
Mar 28 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
jquery五角星评分插件示例分享
Feb 21 #Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 #Javascript
jquery自定义滚动条插件示例分享
Feb 21 #Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 #Javascript
利用Jquery实现可多选的下拉框
Feb 21 #Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 #Javascript
jQuery 无限级菜单的简单实例
Feb 21 #Javascript
You might like
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
深入document.write()与HTML4.01的非成对标签的详解
2013/05/08 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
2015/10/27 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
JS实现在线ps功能详解
2019/07/31 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
Python实现SVN的目录周期性备份实例
2015/07/17 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
使用pyinstaller逆向.pyc文件
2019/12/20 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
详解Python3中的 input() 函数
2020/03/18 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
检查接待方案
2014/02/27 职场文书
公司委托书格式范文
2014/04/04 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
家装电话营销开场白
2015/05/29 职场文书
宿舍管理制度范本
2015/08/07 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书