jquery让checkbox只能选中一个怎么实现
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery让checkbox只能选中一个怎么实现相关的知识,希望对你有一定的参考价值。
参考技术A <!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
</head>
<body>
<div id="checkBoxGroup">
<input type="checkbox" value="1">吃饭
<input type="checkbox" value="2">睡觉
<input type="checkbox" value="3">打波波
</div>
<script type="text/javascript">
$(function()
$("#checkBoxGroup").find(":checkbox").each(function()
$(this).click(function()
if($(this).is(':checked'))
$(this).attr('checked',true).siblings().attr('checked',false);
else
$(this).attr('checked',false).siblings().attr('checked',false);
);
);
)
</script>
</body>
</html>本回答被提问者采纳
jquery怎么获取选中的checkbox的值
<input type="checkbox" value="1111"/>1<input type="checkbox" value="2222"/>2
<input type="checkbox" value="3333"/>3
<input type="checkbox" value="4444"/>4
<input type="checkbox" value="5555"/>5
<input type="checkbox" value="6666"/>6
<input type="button" id="test" value="Click Me"/>
<Script>
$(function()
$("#test").on("click",function()
var ichk=$("input:checkbox:checked").map(function()
return $(this).val();
).get().join(",");
alert(ichk);
)
)
</Script> 参考技术A $("#btn5").click(function()//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function()
str+=$(this).val()+"/r/n";
//alert($(this).val());
// $(this).val()这个就是选中的值
)
以上是关于jquery让checkbox只能选中一个怎么实现的主要内容,如果未能解决你的问题,请参考以下文章
jQuery实现table中两列CheckBox只能选中一个