<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script src="jquery18/jquery-180minjs">
</script>
<script type="text/javascript">
$(document)ready(function() {
//取消
$("#cancel")click(function() {
$(":checkbox")each(function() {
$(this)prop("checked", false);
$(this)next()css({
"background-color": "white",
"color": "black"
});
});
});
//只选择一个
var allBox = $(":checkbox");
allBoxclick(function() {
$("#cancel")triggerHandler("click");
$(this)prop("checked", true);
consolelog($(":checkbox:checked")val());
consolelog($(this)val());
});
});
</script>
</head>
<body>
<input type="button" id="cancel" value="cancel" />
<input type="checkbox" name="c" value="c1" />c1
<input type="checkbox" name="c" value="c2" />c2
<input type="checkbox" name="c" value="c3" />c3
</body>
</html>
$("[name='checkbox'][checked]")
经过测试
发现上面的代码错误修改为
$("input:checkbox[name=checkbox]:checked'")
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span><br>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){
obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框,代码如下：
<body>
<input type='checkbox'/>
<input type='checkbox'/>
<input type='checkbox'/>
</body>
2、通过jquery过滤器选择选中的checkbox，代码如下：
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中，代码如下：
var len = chkslength;//选中的checkbox数量
扩展资料
jQuery语言的特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等 *** 作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：
以上就是关于jQuery 一组checkbox只能选一个，在未选择情况下点击按钮d出“undefined”对话框怎么解决全部的内容，包括:jQuery 一组checkbox只能选一个，在未选择情况下点击按钮d出“undefined”对话框怎么解决、jquery无法获取选中的checkbox所有值,怎么回事、jq怎样给checkbox设置选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）