checkbox设置只能单选

最新推荐文章于 2024-07-12 11:26:58 发布

weixin_30568591

最新推荐文章于 2024-07-12 11:26:58 发布

阅读量2.1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/senlu/p/9274154.html

版权

设置checkbox设置只能单选

代码如下：

<!DOCTYPE HTML>
<html>
<head>
<title>checkbox设置只能单选</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>

</head>
<body>
<p>您喜欢的水果？</p>

<form>

<div id="checkboxDiv" >
<input type="checkbox" name="checkboxName" value="1" />苹果<br/>
<input type="checkbox" name="checkboxName" value="2" />西瓜<br/>
<input type="checkbox" name="checkboxName" value="3" />香蕉<br/>
<input type="checkbox" name="checkboxName" value="4" />桃子<br/>
<input type="checkbox" name="checkboxName" value="5" />芒果<br/>
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$("#checkboxDiv").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>