radio 判断一个元素是否被选中
2016-07-05 17:18
459 查看
选中有一个elem元素,现在判断它是否被选中 ,之前我们使用的是 $(elem).atter("checked") 可是有时候不管用。后来使用这种方式就可以了
如果被选中则返回true,未被选中则返回false
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<input type="radio" name="fruit" value="苹果" />苹果
<input type="radio" name="fruit" value="橘子" />橘子
<input type="radio" name="fruit" value="香蕉" />香蕉
<button onclick="fun.CheckSelectItem()">提交</button>
</div>
</body>
</html>
<script type="text/javascript">
var fun = {
CheckSelectItem: function () {
$.each($("input[name=fruit]"), function (key, element) {
//使用prop("checked")检查element这个元素是否被选中,如果被选中则返回true,未被选中则返回false
if ($(element).prop("checked")) { // $(element)是将element这个元素转化为jquery元素
alert("您的选中项是:" + element.value);
}
})
}
}
</script>
//$("input[name='r1']:checked") 获取name属性为r1 且被选中的 input表单
如果被选中则返回true,未被选中则返回false
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<input type="radio" name="fruit" value="苹果" />苹果
<input type="radio" name="fruit" value="橘子" />橘子
<input type="radio" name="fruit" value="香蕉" />香蕉
<button onclick="fun.CheckSelectItem()">提交</button>
</div>
</body>
</html>
<script type="text/javascript">
var fun = {
CheckSelectItem: function () {
$.each($("input[name=fruit]"), function (key, element) {
//使用prop("checked")检查element这个元素是否被选中,如果被选中则返回true,未被选中则返回false
if ($(element).prop("checked")) { // $(element)是将element这个元素转化为jquery元素
alert("您的选中项是:" + element.value);
}
})
}
}
</script>
//$("input[name='r1']:checked") 获取name属性为r1 且被选中的 input表单
相关文章推荐
- 计时器
- HTML5之拖放
- Android之图片的颜色处理
- BroadcastReceiver小结
- 活得像个像个老泼皮,惭愧。
- 解析域名
- 多维数组与指针简析
- Qt for iOS,Qt 与Objective C混合编程
- Javascript快速入门(下篇)
- 通过几个Hello World感受.NET Core全新的开发体验
- MVC WebApi跨域ajax接受post数据笔记
- tinyxml一些应注意的问题
- Entity Framework Code-First(22):Code-based Migration
- 设计模式之装饰者模式
- 内核arch_initcall的实现及如何自定义initcall
- uva 1331 Minimax Triangulation
- opencv中的侧脸检测
- java提高篇(二五)-----HashTable
- IT大公司面试流程与总结
- 【图像基础】相似性变换、放射变换与单应性