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网络游戏-(模拟城市webgame)提供的一些例子下载
Oct 14 Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
React中jquery引用的实现方法
Sep 12 jQuery
详解如何在微信小程序开发中正确的使用vant ui组件
Sep 13 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
js实现微信聊天界面
Aug 09 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
php学习笔记 面向对象中[接口]与[多态性]的应用
2011/06/16 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
ThinkPHP框架分布式数据库连接方法详解
2017/03/14 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
心扬JS分页函数代码
2010/09/10 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
2015/02/28 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
2017/09/22 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
python实现冒泡排序算法的两种方法
2018/03/10 Python
python中int与str互转方法
2018/07/02 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
Django框架安装方法图文详解
2019/11/04 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
我想声明一个指针并为它分配一些空间, 但却不行。这些代码有什么 问题?char *p; *p = malloc(10);
2016/10/06 面试题
亲戚结婚的请假条
2014/02/11 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书