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或css实现滚动广告的几种方案
Jan 28 Javascript
纯js实现背景图片切换效果代码
Nov 14 Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 Javascript
JavaScript的21条基本知识点
Mar 04 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
Three.js学习之几何形状
Aug 01 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 Javascript
layui实现数据表格点击搜索功能
Mar 26 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
jQuery 无限级菜单的简单实例
Feb 21 #Javascript
You might like
php FPDF类库应用实现代码
2009/03/20 PHP
php中计算时间差的几种方法
2009/12/31 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
destoon整合UCenter图文教程
2014/06/21 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
JQuery 插件制作实践 xMarquee插件V1.0
2010/04/02 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
微信小程序如何连接Java后台
2019/08/08 Javascript
python之PyMongo使用总结
2017/05/26 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
python 实现倒排索引的方法
2018/12/25 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
Nike香港官网:Nike HK
2019/03/23 全球购物
汇源肾宝广告词
2014/03/20 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
出国留学经济担保书
2014/04/01 职场文书
六查六看剖析材料
2014/10/06 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
请客吃饭开场白
2015/06/01 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书